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.
Ada banyak hal yang bisa dilakukan bila menyangkut gambar. Kami telah membaginya menjadi beberapa halaman:
- Untuk mengetahui tipe berkas gambar yang dapat diunggah ke WordPress.com, lihat panduan Jenis Berkas yang Diterima.
- Tambahkan gambar ke situs menggunakan blok Gambar.
- Unggah galeri menggunakan blok Galeri atau blok Galeri Tampilan Petak.
- Unggah slideshow menggunakan blok Slideshow.
- Unggah gambar bergaya header atau banner menggunakan blok Sampul.
- Tambahkan gambar bersebelahan dengan teks menggunakan blok Media & Teks atau bandingkan dua gambar menggunakan blok Perbandingan Gambar.
- Temukan gambar gratis yang dapat digunakan untuk situs dari sumber berikut.
- Pangkas, ubah ukuran, putar, ratakan, dan beri keterangan pada gambar menggunakan pengaturan blok di editor WordPress.
- Pelajari selengkapnya tentang pengaturan ini di panduan blok Gambar atau jelajahi blok media lain.
- Lihat dan hapus gambar di situs menggunakan bagian Media di dasbor.
- Anda juga dapat memutar, memangkas, dan membalik gambar di Media. Baca Edit Gambar di Media untuk mempelajari caranya.
- Optimalkan gambar agar dapat dimuat dengan cepat dan menghemat ruang penyimpanan.
- Pemecahan Masalah Pengunggahan Gambar – Gambar tidak terunggah? Berikut beberapa tips agar pengunggahan gambar berhasil.
- Pemecahan Masalah Gambar yang Tidak Jelas – Mencari penyebab gambar tampak tidak jelas di situs meski foto asli yang diunggah berkualitas bagus.
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.
Gunakan blok Gambar untuk menambahkan satu gambar.
Gaya asal:

Gaya bundar:

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

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:
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:

Lihat pilihan lain untuk meletakkan teks di sekitar gambar dengan mengunjungi panduan kami untuk Menyelaraskan Gambar dengan Teks.
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:

Gunakan blok Galeri untuk menampilkan beberapa foto sekaligus dengan menarik.

Gunakan blok Slideshow untuk memajang banyak gambar tanpa memakan banyak ruang di halaman atau pos.
Blok Galeri Tampilan Petak hadir dalam empat gaya:
- Mosaik petak
- Kisi melingkar
- Petak persegi
- Kolom petak
Mosaik Petak

Kisi melingkar

Petak persegi dengan pilihan sudut membulat

Kolom Petak

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