Bekerja dengan blok Imej WordPress: Cara menambah imej dalam WordPress [+Petua rahsia]

Bagi kebanyakan pengguna yang bekerja dengan imej boleh mengecewakan. Bukan selalu mudah untuk memilih nisbah aspek yang betul atau mengubah saiz imej dengan betul agar kelihatan baik dalam keseluruhan reka letak.

1. Mengapa menggunakan blok Imej WordPress
2. Bagaimana untuk menambah imej dengan blok Imej WordPress
3. Proses imej pemformatan tambahan
4. Petua tambahan daripada kami di dalam artikel

Versi WordPress lama (sehingga v5.0) menambah imej menggunakan butang +Tambah Media. Masalahnya ialah walaupun dengan perubahan minimum pada saiz imej anda perlu memuat naiknya semula. Ini bermakna membuang masa dan klik berlebihan.

Editor berasaskan Blok baharu Gutenberg mengubah cara menambahkan imej ke dalam WordPress untuk menjadikan proses ini lebih mudah untuk pengguna akhir. Dalam artikel ini kami akan menunjukkan kepada anda panduan praktikal tentang menambah dan mengedit blok Imej WordPress. Selain itu, kami akan menerangkan satu lagi pilihan untuk menampal imej – cara menyalin dan menampal imej ke kawasan kandungan dengan hanya beberapa klik. Kami juga akan memperkenalkan anda ciri-ciri yang baru ditambah yang datang daripada WP 5.3.

Tetapi pertama-tama mari kita bercakap tentang mengapa anda perlu menggunakan imej dalam siaran dan halaman.

Mengapa blok Imej WordPress mesti ada untuk tapak web anda

Menarik perhatian

Imej menarik perhatian pelawat laman web. Mereka mesti menarik untuk memastikan pelawat di tapak web anda lebih lama. Fikirkan tentang catatan blog tanpa imej. Ia hanya sekumpulan teks. Pada pandangan pertama ia tidak begitu menarik walaupun ia mungkin bernilai dan penuh dengan maklumat. Tambahan pula, foto boleh membantu membayangkan dan menerangkan topik anda dengan lebih baik.

Atas sebab itu kita perlu menggunakan blok Imej WordPress untuk menumpukan perhatian pada perkara penting.

Teks ilustrasi dan konteks

Imej juga merupakan bahagian penting untuk memahami kandungan kerana ia membolehkan pelawat lebih memahami maksud artikel. Terima kasih kepada maklumat grafik anda boleh menerangkan sambungan yang rumit dan memberitahu perkara dengan cara yang mudah. Ia membantu pelawat mengarahkan diri mereka dengan lebih baik dalam masalah yang anda bincangkan.

Jadikan laman web lebih bagus

Selain itu, imej memberikan sentuhan akhir kepada keseluruhan reka bentuk laman web. Ia bukan semua tentang reka letak laman web, tetapi juga kebolehgunaan. Imej yang dipilih dan diletakkan dengan betul boleh membantu pelawat melayari laman web anda dengan lebih mudah.

Bagaimana untuk menambah imej dalam editor blok WordPress

Untuk memasukkan imej ke dalam Siaran atau Halaman anda perlu menambah blok teras - Blok imej. Terdapat beberapa cara untuk melakukannya:

– Menggunakan “+” di bar atas atau di mana-mana dalam editor

– Menggunakan garis miring “/” dan menulis perkataan “imej” selepas itu

Blok baharu akan dibuat di mana anda boleh menambah imej sebenar.

Memuat naik imej ke WordPress

Bagaimana untuk meletakkan imej di sana di mana anda mahu?

• Gunakan Muat Naik, dan pilih imej daripada pemacu keras anda
• Gunakan Pustaka Media, di mana anda boleh memilih imej yang telah dimuat naik ke tapak web anda
• Gunakan tetikus dan seret & lepas imej
• Sisipkan alamat URL imej

Kaedah yang kurang dikenali untuk menambah imej WordPress

Selain memuat naik imej melalui tetingkap muat naik seperti yang dinyatakan sebelum ini, terdapat cara lain untuk memasukkan imej (dan ia adalah cara yang pantas!). Dengan editor WordPress yang dipertingkatkan, anda boleh:

• Salin imej daripada sebarang kandungan, atau
• Hanya "seret" imej dengan kursor tetikus

Dan kemudian masukkan atau alihkan (jatuhkan) imej yang dipilih ke lokasi dalam kawasan kandungan yang anda inginkan.

Teknik yang sama boleh anda gunakan juga sekiranya anda ingin menampal imej yang ditangkap dari skrin anda. Hanya tiga langkah mudah diperlukan. pertama, anda perlu mengambil tangkapan skrin menggunakan ciri skrin cetak. Contohnya Windows 10 menyediakan alat Coretan lalainya yang dipanggil Snip & Sketch, yang juga tersedia melalui pintasan – cuma tekan kekunci Win+Shift+S bersama-sama pada papan kekunci anda. Kemudian pilih kawasan imej yang anda ingin tangkap. Langkah terakhir ialah menampal imej yang disalin (atau sebahagian daripadanya) ke dalam kawasan kandungan menggunakan pintasan asas Ctrl+V.

Dan apakah yang berlaku kepada imej WordPress yang telah anda tampalkan ke dalam editor anda? Nah, ia ditambah secara automatik ke Perpustakaan Media di mana anda boleh mengedit imej ini.

Pilihan terhad metadata imej

Dalam penyuntingan imej, anda boleh menetapkan Tajuk, kapsyen, penerangan dan teks alternatifnya. Malangnya, anda tidak boleh menukar nama fail imej - ia akan mengekalkan nama yang dijana secara automatik, seperti imej-1.png dan sebagainya. Nama fail jenis ini boleh menjadi sedikit kelemahan dari segi pengoptimuman SEO kerana konflik dengan cadangan penamaan fail. Oleh itu, anda perlu mempertimbangkan aspek ini sebelum memindahkan imej WordPress ke kawasan kandungan.

Penjajaran imej

Penjajaran imej adalah salah satu ciri utama. Tidak kira jika anda menambah blok Imej WordPress ke dalam Catatan atau Halaman, anda harus sentiasa mempertimbangkan penempatan bergantung pada reka bentuk laman web. Berdasarkan penjajaran imej itu boleh dipilih dalam bar alat di atasnya. Secara lalai anda boleh menjajarkan imej ke kiri, kanan atau tengahnya. Sesetengah tema WordPress membenarkan imej dipusatkan sebagai lebar atau lebar penuh. Ia benar-benar bergantung pada ciri tema kerana tidak semua tema menyokongnya.

Saiz semula imej

Ciri revolusioner blok Imej dalam editor WordPress ialah perubahan saiz yang praktikal. Hanya seret bahagian tepi imej untuk menjadikannya lebih kecil atau lebih besar. Dengan cara itu anda boleh mengubah saiz imej bergantung pada teks dalam kandungan. Editor secara automatik menyimpan perkadaran imej yang bermakna anda tidak perlu risau tentang ubah bentuk.

Gaya blok baharu yang mengubah imej menjadi bentuk bulatan

Jika anda menggunakan versi terkini WordPress yang tersedia, anda mungkin perasan gaya pemangkasan bulatan baharu yang boleh anda gunakan untuk imej anda. Bentuk imej boleh diubah melalui bar alat atas dengan mengklik pada ikon "Tukar jenis atau gaya blok" pertama. Bentuk lalai (segi empat tepat) akan dipotong kepada bentuk bulatan.

Ciri baharu dalam blok Imej WordPress (ditambah dalam WP 5.3)

Sokongan untuk imej resolusi tinggi

Salah satu sorotan terbesar WP 5.3 ialah pemprosesan imej yang lebih baik pada platform WordPress. Bekerja dengan imej kini mempunyai dua ciri utama:

1. Menyambung muat naik – Jika anda memuat naik foto beresolusi tinggi dan sambungan internet gagal, proses muat naik akan diteruskan secara automatik dari titik yang terganggu
2. Putaran imej automatik – versi WP keluaran terbaru memastikan imej yang diputar secara tidak betul secara automatik berputar ke kedudukan yang betul semasa ia dimuat naik

Tetapan dalam Inspektor

Untuk mengkonfigurasi dimensi yang tepat anda boleh menggunakan Inspektor pada bar sisi sebelah kanan dalam editor. Tetapan saiz imej menawarkan format sedia untuk digunakan seperti lakaran kecil, sederhana, besar atau saiz penuh. Anda boleh menetapkan lebar dan tinggi dalam piksel atau peratusan sudah tentu.

Ia sangat pantas dan praktikal kerana anda boleh melakukan semua perubahan saiz semula imej terus di dalam blok Imej WordPress dan segala-galanya di satu tempat dalam editor blok.

Tetapan blok Imej Lain

Cara menambah alamat URL

Imej boleh digunakan sebagai imej statik atau ia juga boleh diklik dan dipautkan ke:

•   Fail Media
•   Halaman Lampiran
•   URL tersuai

Bagaimana untuk mengedit gambar dalam blok Imej WordPress

Setiap imej boleh diedit selepas mengklik pada ikon pensel. Tetingkap modal dengan Pustaka Media akan dibuka di mana anda boleh menulis teks alt, tajuk, kapsyen dan penerangan. Cara yang sama seperti anda sudah biasa melakukannya dalam versi WordPress lama dengan editor klasik.

Mengapakah teks ini penting untuk diisi?

Jika pelawat mengklik pada imej untuk melihatnya dengan lebih besar, mereka melihat Tajuk imej (contohnya halaman utama Citadela) dan bukan nama fail imej. Selain itu, jika terdapat sebarang isu dengan memuatkan imej, teks alternatif akan dipaparkan di tapak web anda.

Petua Tambahan

Selain semua sebab dan tetapan ini untuk blok Imej WordPress terdapat perkara yang paling penting. Anda boleh mendapatkan lebih ramai pelawat ke tapak web anda menggunakan imej. Jadi bagaimana untuk mendapatkannya?

Zaman sekarang orang malas membaca. Mereka lebih suka menatal ke bawah gambar untuk mencari jawapan. Bagaimanakah foto dan imej anda boleh diberi kedudukan? Teks adalah jawapannya. Sangat penting untuk pengoptimuman SEO ialah tajuk dan penerangan imej yang sempurna. Jangan lupa untuk mengisi teks Alternatif. Kemudian Google boleh lebih memahami imej tersebut. Jadi anda akan mempunyai peluang yang lebih tinggi untuk meletakkannya dalam hasil carian imej.

2 cara untuk menambah kapsyen imej

Menambah kapsyen imej menggunakan editor blok dengan sangat mudah. Betul-betul di bawah imej terdapat ruang untuk menulis teks. Ini adalah cara pertama - Kapsyen ditulis pada imej tepat ini pada subhalaman yang diberikan.

Cara kedua ialah menulis kapsyen imej menggunakan ikon pensel (Edit imej) dalam Pustaka Media. Dengan cara ini anda menambah kapsyen imej secara global di seluruh tapak web. Ini bermakna jika anda menggunakan imej yang sama pada tiga tempat berbeza, ia akan sentiasa menggunakan kapsyen ini.

Adakah anda suka betapa mudahnya menambah imej dalam blok Imej WordPress? Cuba sendiri!

Ketahui lebih lanjut tentang tema WordPress Citadela baharu kami dan pek reka letak tersuainya. Mereka direka dan dibangunkan khas untuk pelbagai jenis perniagaan dan mereka juga menyokong cara baharu mengedit kandungan melalui editor blok WordPress.