Panduan/Pembuatan konten/Media/Mengelola Gambar

Mengelola Gambar

Gambar meningkatkan daya tarik visual situs Anda, menyampaikan informasi secara efektif, dan menyempurnakan pengalaman pengunjung. Panduan ini akan menunjukkan beragam cara untuk menambahkan gambar ke situs WordPress.

Panduan Gambar

Ada banyak hal yang bisa dilakukan bila menyangkut gambar. Kami telah membaginya menjadi beberapa halaman:

Mengunggah Gambar

Menyunting Gambar

Mengatasi Masalah Gambar

Contoh Tata Letak Gambar

Berikut adalah beberapa contoh cara menampilkan gambar di editor WordPress. Gambar akan tampak berbeda, tergantung tema yang digunakan. Jadi, cobalah langsung di situs Anda!

Semua gambar diambil dari Pexels, Pustaka Foto Gratis.

Menampilkan Satu Gambar

Gunakan blok Gambar untuk menambahkan satu gambar.

Gaya asal:

Gambar persegi standar.
Foto oleh Monique Laats di Pexels.com

Gaya bundar:

Gambar bundar.
Foto oleh Monique Laats di Pexels.com

Menampilkan Dua Gambar Bersebelahan

Untuk menampilkan dua gambar bersampingan, Anda dapat menggunakan blok Galeri:

Contoh galeri, menampilkan dua gambar bersebelahan.
Foto 1 oleh Monique Laats dan foto 2 oleh Pixabay, melalui Pexels.com

Jika sudah menyisipkan satu gambar, Anda dapat langsung menyeret dan melepas gambar kedua ke sebelahnya. Saat menyeret berkas gambar dari komputer, tahan hingga garis vertikal muncul di sebelah gambar pertama, lalu lepaskan. Berikut demonstrasi video yang menunjukkan cara menyeret dan melepas gambar baru di sebelah gambar yang sudah ada:

Menampilkan Gambar di Sebelah Teks

Gunakan Blok Media & Teks untuk menempatkan gambar (atau video) bersebelahan dengan teks. Blok ini juga menyediakan pilihan praktis untuk menumpuk media dan teks pada tampilan perangkat seluler:

Contoh blok Media & Teks, dengan gambar di sebelah kiri dan kutipan teks di sebelah kanan.

Lihat pilihan lain untuk meletakkan teks di sekitar gambar dengan mengunjungi panduan kami untuk Menyelaraskan Gambar dengan Teks.

Menampilkan Gambar Banner

Gunakan blok Sampul untuk gambar bergaya header dan banner lebar penuh. Anda dapat mengatur gambar menjadi latar belakang tetap (disebut juga “efek parallax” atau “guliran parallax”), menambahkan warna overlay, dan bahkan menambahkan teks dan konten lain di atas gambar.

Latar belakang tetap dengan efek parallax:

Latar belakang tidak tetap:

Menyusun Beberapa Gambar

Gunakan blok Galeri untuk menampilkan beberapa foto sekaligus dengan menarik.

Contoh beberapa gambar disusun dalam format galeri.

Membuat Slideshow

Gunakan blok Slideshow untuk memajang banyak gambar tanpa memakan banyak ruang di halaman atau pos.

Menyusun Gambar dalam Berbagai Format Galeri

Blok Galeri Tampilan Petak hadir dalam empat gaya:

  • Mosaik petak
  • Kisi melingkar
  • Petak persegi
  • Kolom petak

Mosaik Petak

Gambar yang disusun dalam mosaik petak.

Kisi melingkar

Gambar melingkar yang disusun dalam petak.

Petak persegi dengan pilihan sudut membulat

Galeri gambar persegi. Tiap gambar memiliki sudut membulat.

Kolom Petak

Gambar disusun dalam kolom petak.

Membandingkan Dua Gambar

Gunakan blok Perbandingan Gambar untuk menempatkan dua gambar bersebelahan (atau atas-bawah) dan gunakan slider untuk menampilkan perbedaan di antara kedua gambar.

Perbandingan Bersebelahan
Perbandingan Atas-Bawah

Copied to clipboard!