Cara Membuat gambar berdampingan di wordpress

Apakah Anda ingin menambahkan atau ingin membuat gambar bersebelahan di postingan WordPress Anda? Seringkali pemula kesulitan menemukan cara meletakkan dua gambar di samping satu sama lain di posting dan halaman WordPress mereka.

Dalam panduan ini, saya akan menunjukkan cara menambahkan gambar berdampingan di WordPress (tanpa menulis kode apa pun).

Menempatkan gambar berdampingan di WordPress

Menggunakan Editor Blok untuk menambahkan Gambar Berdampingan

Pertama, Anda harus membuat posting / halaman baru atau mengedit yang sudah ada untuk membuka editor konten. Setelah masuk, klik simbol (+) untuk menambahkan blok baru.

Membuat postingan dan menambahkan blok ke dalamnya

Selanjutnya, Anda perlu memilih blok Galeri dan menambahkannya ke halaman Anda. Anda dapat menemukan blok Galeri di bagian Blok Umum, atau Anda dapat menggunakan bilah pencarian untuk menemukannya dengan cepat.

Memilih blok Galeri untuk ditambahkan ke posting Anda

Sekarang, Anda dapat dengan mudah menambahkan gambar berdampingan ke blok galeri Anda, dengan menyeretnya ke dalamnya atau dengan menggunakan tombol Unggah. Anda juga dapat memilih gambar dari perpustakaan media WordPress Anda.

Seperti yang Anda lihat, saya telah menambahkan 2 gambar secara berdampingan ke blok Galeri saya. WordPress secara otomatis memposisikan mereka berdampingan.

Dua gambar di galeri (kupu-kupu dan apel)

Bagaimana jika Anda ingin membuat 3 gambar berdampingan? Inilah yang terjadi jika kita menambahkan gambar ketiga. WordPress hanya mengubah ukuran yang lain agar sesuai dengan ketiga sisi secara berdampingan:

Tiga gambar di galeri (kupu-kupu, apel, dan bunga biru)

Jika Anda mengunggah gambar keempat, maka WordPress akan meletakkannya di bawah gambar lainnya.

Empat gambar di galeri (kupu-kupu, apel, bunga biru, dan robin)

Anda dapat mengubah jumlah gambar yang harus disertakan WordPress secara berdampingan dalam satu kolom.

Pertama, klik pada blok Galeri, jika belum dipilih. Di sisi kanan layar, Anda akan melihat pengaturan blok Galeri.

Mengubah pengaturan untuk blok galeri

Anda dapat menyesuaikan jumlah kolom di sini ke angka mana pun antara 1 dan 4. Misalnya, jika Anda ingin dua gambar berdampingan, dan dua lagi di bawahnya, Anda dapat menyetel Kolom ke 2.

Menyetel galeri menjadi 2 kolom, bukan 3

Sesederhana itu!

Jika Anda ingin mengubah posisi gambar di galeri Anda, klik saja. Anda kemudian akan melihat panah yang dapat Anda gunakan untuk memindahkannya maju atau mundur di galeri.

Memindahkan gambar maju atau mundur di galeri

Berikut adalah demo galeri yang sudah selesai dari contoh postingan saya:

Galeri 2 kolom dalam posting langsung

Menggunakan Plugin Envira Gallery untuk menambahkan Gambar berdampingan di WordPress

Saya merekomendasikan menggunakan Galeri Envira karena ini adalah plugin galeri WordPress terbaik.

Pertama, Anda harus menginstal dan mengaktifkan plugin Envira Gallery . Jika Anda tidak yakin bagaimana caranya, lihat saja panduan tentang langkah memasang plugin WordPress .

Selanjutnya, Anda dapat pergi ke Galeri Envira > Tambah Baru di dasbor WordPress Anda.

Tambahkan galeri baru di Galeri Envira

Anda harus memberi judul pada galeri Anda. Saya telah menamakannya ‘Galeri Contoh’ saya. Selanjutnya, unggah gambar yang ingin Anda gunakan.

Anda dapat menyeret dan melepaskannya ke dalam kotak unggah, atau Anda dapat menggunakan salah satu tombol ‘Pilih File’.

Beri nama galeri baru Anda

Berikut tampilan gambar setelah diupload:

Gambar diunggah ke Galeri Envira

Anda mungkin ingin memberi judul dan teks alt pada gambar Anda di sini. Judul muncul di bawah gambar Anda saat pengguna mengarahkan kursor mouse ke atasnya.

Judul juga muncul di bawah gambar dalam mode popup lightbox, yang akan kita lihat sebentar lagi.

Untuk mengedit judul dan teks alt, klik tombol Edit pada gambar di galeri.

Klik tombol Edit untuk mengedit gambar di galeri Anda

Anda kemudian dapat mengubah judul gambar Anda. Ini default ke nama file gambar.

Anda juga harus memasukkan teks alt, karena ini berguna untuk SEO situs WordPress Anda. Jika judul Anda mendeskripsikan gambar, maka Anda dapat mengulanginya untuk teks alt.

Mengatur judul dan teks alt untuk gambar

Setelah Anda selesai, pastikan Anda mengklik tombol ‘Simpan Metadata’ sebelum mengklik X untuk menutup jendela.

Klik tombol Simpan Metadata untuk menyimpan perubahan Anda

Untuk menambahkan galeri Anda di situs, Anda harus menerbitkannya terlebih dahulu. Silakan dan klik tombol Publikasikan di sisi kanan layar.

Klik tombol Publikasikan untuk mempublikasikan galeri Anda, sehingga Anda dapat menggunakannya di situs Anda

Sekarang, edit posting atau halaman, atau buat yang baru. Di dalam editor konten, klik (+) untuk menambahkan blok ke posting Anda, dan pilih blok Galeri Envira. Anda dapat menemukannya di bagian Blok Umum, atau Anda dapat menggunakan bilah pencarian.

Tambahkan blok Galeri Envira ke posting atau halaman Anda

Anda kemudian harus mengklik dropdown untuk memilih galeri Anda.

Pilih galeri Anda dari blok Galeri Envira

Anda harus melihat galeri Anda di tempat di posting Anda.

Anda dapat menyesuaikan pengaturan di sisi kanan layar. Misalnya, Anda mungkin ingin mengubah tata letak kolom, atau ukuran margin antar gambar.

Galeri Envira ditampilkan di editor posting

Saya memutuskan untuk mengatur galeri saya untuk selalu ditampilkan dalam dua kolom. Saya juga menambahkan margin yang lebih lebar di antara gambar.

Pengguna dapat mengklik gambar untuk melihat versi berukuran penuh di lightbox. Mereka juga dapat menelusuri gambar menggunakan lightbox.

Melihat gambar dari galeri Envira di lightbox

Jika Anda ingin menambahkan lebih banyak gambar ke galeri Anda, Anda dapat kembali ke galeri itu dengan mengunjungi Galeri Envira > Semua Galeri di dasbor WordPress Anda. Cukup klik nama galeri Anda untuk mengeditnya.

Mengedit galeri yang sudah Anda buat di Galeri Envira

Setiap perubahan yang Anda buat ke galeri Anda akan muncul di mana pun Anda meletakkannya di posting, halaman, atau sidebar Anda. Anda tidak perlu menambahkannya lagi.

Tip: Jika Anda menggunakan editor klasik dan bukan editor blok, Anda masih dapat menggunakan Galeri Envira.

Anda akan melihat tombol ‘Tambah Galeri’ di atas editor klasik yang dapat Anda gunakan untuk menambahkan galeri yang ada ke kiriman Anda.

Menambahkan galeri Envira di editor klasik

Anda juga dapat membuat galeri baru dengan mengklik tombol ‘Tambahkan Media’ lalu ‘Buat Galeri’.

Membuat galeri baru menggunakan Media Library di Editor Klasik

Saya harap tutorial ini membantu Anda mempelajari cara membuat gambar bersebelahan di WordPress. Mungkin anda ingin juga melihat cara menambahkan judul atribut di WordPress .

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan.