Bekerja dengan blok Gambar WordPress: Cara menambahkan gambar di WordPress [+Tips rahasia]

Bagi banyak pengguna bekerja dengan gambar bisa sangat membuat frustrasi. Tidak selalu mudah untuk memilih rasio aspek yang tepat atau mengubah ukuran gambar dengan benar agar terlihat bagus di seluruh tata letak.

1. Mengapa menggunakan blok Gambar WordPress
2. Bagaimana cara menambahkan gambar dengan blok Gambar WordPress
3. Proses pemformatan gambar tambahan
4. Tip tambahan dari kami di dalam artikel

Versi WordPress yang lebih lama (hingga v5.0) menambahkan gambar menggunakan tombol +Tambahkan Media. Masalahnya adalah meskipun dengan sedikit perubahan pada ukuran gambar, Anda perlu mengunggahnya lagi. Itu berarti buang-buang waktu dan klik berlebihan.

Editor berbasis Blok baru Gutenberg mengubah cara menambahkan gambar ke WordPress untuk membuat proses ini lebih sederhana bagi pengguna akhir. Pada artikel ini kami akan menunjukkan kepada Anda panduan praktis tentang menambahkan dan mengedit blok Gambar WordPress. Selain itu, kami akan menjelaskan satu lagi opsi untuk menempelkan gambar – cara menyalin dan menempelkan gambar ke area konten hanya dengan beberapa klik. Kami juga akan memperkenalkan kepada Anda fitur-fitur baru yang ditambahkan yang berasal dari WP 5.3.

Tapi pertama-tama mari kita bicara tentang mengapa Anda harus menggunakan gambar di postingan dan halaman.

Mengapa Blok Gambar WordPress harus dimiliki untuk situs web Anda

Menarik perhatian

Gambar menarik perhatian pengunjung website. Mereka harus menarik untuk mempertahankan pengunjung di situs web Anda lebih lama. Pikirkan tentang posting blog tanpa gambar. Itu hanya sekumpulan teks. Sepintas tidak terlalu menarik meski bisa jadi berharga dan penuh informasi. Selain itu, foto dapat membantu membayangkan dan mendeskripsikan topik Anda dengan lebih baik.

Untuk alasan itu kita perlu menggunakan blok Gambar WordPress untuk memusatkan perhatian pada hal-hal penting.

Teks ilustratif dan konteks

Gambar juga merupakan bagian penting untuk memahami konten karena memungkinkan pengunjung lebih memahami tentang apa artikel itu. Berkat infografis Anda dapat menjelaskan koneksi yang rumit dan mengatakan hal-hal dengan cara yang sederhana. Ini membantu pengunjung lebih mengarahkan diri mereka sendiri dalam masalah yang Anda bicarakan.

Jadikan situs web lebih bagus

Selain itu, gambar dengan baik memberi sentuhan akhir pada keseluruhan desain situs web. Ini tidak semua tentang tata letak situs web, tetapi juga kegunaan. Gambar yang dipilih dan ditempatkan dengan benar dapat membantu pengunjung menjelajahi situs web Anda dengan lebih mudah.

Bagaimana cara menambahkan gambar di editor blok WordPress

Untuk memasukkan gambar ke dalam Posting atau Halaman, Anda perlu menambahkan blok inti – Blok gambar. Ada beberapa cara untuk melakukannya:

– Menggunakan “+” di bilah atas atau di mana saja di editor

– Menggunakan garis miring “/“ dan menulis kata “gambar” setelahnya

Blok baru akan dibuat di mana Anda dapat menambahkan gambar yang sebenarnya.

Mengunggah gambar ke WordPress

Bagaimana cara meletakkan gambar di sana di tempat yang Anda inginkan?

• Gunakan Unggah, dan pilih gambar dari hard drive Anda
• Gunakan Perpustakaan Media, di mana Anda dapat memilih gambar yang sudah diunggah ke situs web Anda
• Gunakan mouse dan drag & drop gambar
• Masukkan alamat URL gambar

Metode yang kurang dikenal untuk menambahkan gambar WordPress

Selain mengupload gambar melalui jendela upload seperti yang disebutkan sebelumnya, ada cara lain untuk menyisipkan gambar (dan ini cara yang sangat cepat!). Dengan editor WordPress yang ditingkatkan, Anda dapat:

• Salin gambar dari konten apa pun, atau
• Cukup "seret" gambar dengan kursor mouse

Kemudian masukkan atau pindahkan (lepaskan) gambar yang dipilih ke lokasi di area konten yang Anda inginkan.

Teknik yang sama dapat Anda gunakan juga jika Anda ingin menempelkan gambar yang diambil dari layar Anda. Hanya diperlukan tiga langkah sederhana. Pertama, Anda perlu mengambil tangkapan layar menggunakan fitur layar cetak. Misalnya Windows 10 menyediakan alat Cuplikan standarnya yang disebut Snip & Sketsa, yang juga tersedia melalui pintasan – cukup tekan tombol Win+Shift+S secara bersamaan di keyboard Anda. Kemudian pilih area gambar yang ingin Anda tangkap. Langkah terakhir adalah menempelkan gambar yang disalin (atau sebagian darinya) ke area konten menggunakan pintasan dasar Ctrl+V.

Dan apa yang terjadi pada gambar WordPress yang telah Anda tempelkan ke editor Anda? Yah, itu secara otomatis ditambahkan ke Perpustakaan Media tempat Anda dapat mengedit gambar ini.

Opsi terbatas metadata gambar

Dalam pengeditan gambar, Anda dapat mengatur Judul, keterangan, deskripsi, dan teks alternatifnya. Sayangnya, Anda tidak dapat mengubah nama file gambar – itu akan mempertahankan nama yang dibuat secara otomatis, seperti gambar-1.png dan seterusnya. Nama file jenis ini bisa sedikit merugikan dalam hal optimasi SEO karena bentrok dengan rekomendasi penamaan file. Oleh karena itu, Anda perlu mempertimbangkan aspek ini sebelum memindahkan gambar WordPress ke area konten.

Perataan gambar

Perataan gambar adalah salah satu fitur utama. Tidak masalah jika Anda menambahkan blok Gambar WordPress ke dalam Posting atau Halaman, Anda harus selalu mempertimbangkan penempatan tergantung pada desain situs web. Berdasarkan perataan gambar tersebut dapat dipilih pada toolbar di atasnya. Secara default Anda dapat menyelaraskan gambar ke kiri, kanan atau tengah. Beberapa tema WordPress memungkinkan gambar dipusatkan selebar atau lebar penuh. Itu sangat tergantung pada fitur tema karena tidak semua tema mendukungnya.

Mengubah ukuran gambar

Fitur revolusioner dari blok Gambar di editor WordPress adalah pengubahan ukuran yang praktis. Cukup seret sisi gambar untuk membuatnya lebih kecil atau lebih besar. Dengan begitu Anda dapat mengubah ukuran gambar tergantung pada teks dalam konten. Editor secara otomatis menyimpan proporsi gambar yang berarti Anda tidak perlu khawatir tentang deformasi.

Gaya blok baru yang mengubah gambar menjadi bentuk lingkaran

Jika Anda menggunakan versi terbaru WordPress yang tersedia, Anda mungkin telah memperhatikan gaya pemotongan lingkaran baru yang dapat Anda gunakan untuk gambar Anda. Bentuk gambar dapat diubah melalui bilah alat atas dengan mengklik ikon "Ubah jenis atau gaya blok" pertama. Bentuk default (persegi panjang) akan dipotong menjadi bentuk lingkaran.

Fitur baru di blok Gambar WordPress (ditambahkan di WP 5.3)

Dukungan untuk gambar beresolusi tinggi

Salah satu sorotan terbesar dari WP 5.3 adalah peningkatan pemrosesan gambar pada platform WordPress. Bekerja dengan gambar kini memiliki dua fitur utama:

1. Melanjutkan unggahan – Jika Anda mengunggah foto beresolusi tinggi dan koneksi internet gagal, proses unggahan akan dilanjutkan secara otomatis dari titik terputus
2. Rotasi gambar otomatis – versi WP yang dirilis terbaru memastikan bahwa gambar yang salah diputar secara otomatis berputar ke posisi yang benar saat diunggah

Pengaturan di Inspektur

Untuk mengonfigurasi dimensi yang tepat, Anda dapat menggunakan Inspektur di sidebar kanan editor. Pengaturan ukuran gambar menawarkan format siap pakai seperti thumbnail, medium, large atau full size. Anda dapat mengatur lebar dan tinggi dalam piksel atau persentase tentunya.

Ini sangat cepat dan praktis karena Anda dapat melakukan semua perubahan ukuran gambar tepat di dalam blok Gambar WordPress dan semuanya di satu tempat di editor blok.

Pengaturan blok Gambar lainnya

Bagaimana cara menambahkan alamat URL

Gambar dapat digunakan sebagai gambar statis atau dapat juga diklik dan ditautkan ke:

•   Berkas Media
•   Halaman Lampiran
•   URL khusus

Cara mengedit gambar di blok Gambar WordPress

Setiap gambar dapat diedit setelah mengklik ikon pensil. Jendela modal dengan Perpustakaan Media akan terbuka di mana Anda dapat menulis teks alternatif, judul, keterangan, dan deskripsi. Cara yang sama seperti yang biasa Anda lakukan di versi WordPress lama dengan editor klasik.

Mengapa penting untuk mengisi teks-teks ini?

Jika pengunjung mengklik gambar untuk melihatnya lebih besar, mereka melihat Judul gambar (misalnya beranda Citadela) dan bukan nama file gambar. Selain itu, jika ada masalah saat memuat gambar, teks alternatif akan ditampilkan di situs web Anda.

Kiat Ekstra

Selain semua alasan dan pengaturan ini untuk blok Gambar WordPress, ada hal yang paling penting. Anda bisa mendapatkan lebih banyak pengunjung ke situs web Anda menggunakan gambar. Jadi bagaimana cara mendapatkannya?

Saat ini orang malas membaca. Mereka lebih suka menggulir ke bawah gambar untuk menemukan jawaban. Kenapa foto dan gambar Anda bisa diurutkan? Teks adalah jawabannya. Sangat penting untuk optimasi SEO adalah judul dan deskripsi gambar yang sempurna. Jangan lupa untuk mengisi teks Alternatif. Maka Google dapat lebih memahami gambar tersebut. Jadi, Anda akan memiliki peluang lebih tinggi untuk memeringkatnya di hasil pencarian gambar.

2 cara cara menambahkan keterangan gambar

Menambahkan keterangan gambar menggunakan editor blok sangat mudah. Tepat di bawah gambar terdapat ruang untuk menulis teks. Ini adalah cara pertama – Caption ditulis tepat pada gambar ini pada subhalaman tertentu.

Cara kedua adalah menulis keterangan gambar menggunakan ikon pensil (Edit gambar) di dalam Media Library. Dengan cara ini Anda menambahkan keterangan gambar secara global di seluruh situs web. Artinya, jika Anda menggunakan gambar yang sama di tiga tempat berbeda, keterangan ini akan selalu digunakan.

Apakah Anda suka betapa mudahnya menambahkan gambar di blok Gambar WordPress? Cobalah sendiri!

Cari tahu lebih lanjut tentang tema WordPress Citadela baru kami dan paket tata letak yang dibuat khusus. Mereka dirancang dan dikembangkan secara khusus untuk berbagai jenis bisnis dan mereka juga mendukung cara baru dalam mengedit konten melalui editor blok WordPress.