Blok

Blok »Blok Gambar

Gunakan blok Gambar untuk menghadirkan tema visual pada halaman dan pos Anda.

Daftar Isi

Tambahkan Blok Gambar

Tambahkan blok Gambar ke halaman dengan mengeklik tombol Tambahkan Blok. Atau, Anda dapat mengetik /image lalu tekan enter.

Tambahkan gambar dengan perintah hotkey.
Tambahkan gambar dengan perintah garis miring.

Instruksi selengkapnya tentang cara menambahkan blok terdapat di sini.


↑ Daftar Isi ↑

Tambahkan Sebuah Gambar

Panel opsi media ini akan dimuat dengan tiga opsi, Unggah, Pilih Gambar, dan Sisipkan dari URL.

Ada tiga cara untuk menambahkan gambar – Unggah, Pilih Gambar, dan Sisipkan dari URL.
  • Dengan Unggah, Anda dapat memilih gambar dari komputer, lalu mengunggahnya ke situs Anda.
  • Dengan Pilih Gambar, Anda dapat memilih gambar-gambar yang ada di situs (Pustaka Media) atau memilih dari Google Photos atau pustaka Pexels Free Photo.
  • Dengan Sisipkan dari URL, Anda dapat menggunakan gambar yang ada di internet.

Pelajari selengkapnya tentang Pustaka Gambar Gratis di sini.


↑ Daftar Isi ↑

Bilah Peralatan Blok

Tiap blok memiliki kontrol khusus blok sendiri yang memungkinkan Anda mengubah blok langsung di Editor. Berikut tampilan bilah peralatan blok Gambar:

Ikon di bilah peralatan blok Gambar, mulai dari kiri, adalah:

  • Ubah jenis blok
  • Memindah blok ke atas atau ke bawah
  • Ubah perataan (rata kiri, tengah, atau kanan + pilihan lebar dan lebar penuh jika didukung oleh tema)
  • Sisipkan Tautan
  • Ganti gambar
  • Pilihan Lainnya

Selaraskan Gambar

Jika ingin menyelaraskan gambar dalam paragraf, Anda perlu memasukkan gambar terlebih dahulu tepat di atas blok paragraf target.

Klik gambar dan pilih rata kiri atau kanan yang akan menggabungkan gambar ke dalam blok paragraf.

Terakhir, ubah ukuran gambar menjadi lebar dan tinggi yang diinginkan.


Gambar Lebar dan Lebar Penuh

Karena dukungan untuk Editor baru telah ditambahkan ke tema kami, Anda akan mulai melihat ikon untuk gambar Lebar dan Lebar Penuh. Kedua ukuran gambar ini memungkinkan Anda memperluas gambar hingga melebihi lebar konten normal tema tersebut.

Gambar ‘Lebar’ di Editor.

Pengaturan Tautan

Pengaturan tautan memungkinkan Anda menambahkan hyperlink ke gambar. Anda dapat memilih apakah mengeklik gambar akan membuka halaman lampiran, file media aslinya, atau URL kustom pilihan Anda.

Jika memilih URL Kustom, masukkan URL yang akan ditautkan pada gambar di kotak teks yang muncul. Jika mengeklik tanda panah turun di sebelah kotak teks, Anda dapat memilih untuk membuka tautan di tab baru atau tidak.

Selain itu, jika Anda ingin menautkan gambar ke halaman atau pos dalam situs, ketik judul halaman atau pos pada kolom pencarian. Kemudian pilih dari hasil, lalu tautkan gambar ke halaman atau pos tersebut.

Gambar dapat ditautkan ke Halaman Lampiran, File Media, atau URL Kustom.

↑ Daftar Isi ↑

Ubah Ukuran Gambar

Setelah gambar ditambahkan ke Editor, Anda dapat mengubah ukuran dan menyelaraskan gambar agar cocok dengan konten di sekitarnya.

Ubah ukuran gambar dengan menyeret pegangannya.
Ubah ukuran gambar dengan menyeret pegangannya.

Untuk mengubah ukuran gambar, klik gambar untuk memperlihatkan bilah pengubah ukuran. Lalu, klik bilah pengubah ukuran dan seret gambar ke ukuran yang diinginkan.

Untuk mengubah ukuran gambar, klik gambar untuk memperlihatkan bilah pengubah ukuran. Lalu, klik bilah pengubah ukuran dan seret gambar ke ukuran yang diinginkan.

Atau, sesuaikan dimensi lebar dan tinggi di pengaturan blok di sebelah kanan untuk mengatur ukuran gambar secara lebih detail. Di pengaturan blok juga terdapat pilihan mudah untuk mengatur gambar menjadi 100, 75, 50, dan 25% dari ukuran aslinya.


↑ Daftar Isi ↑

Keterangan

Anda dapat menambahkan keterangan ke gambar dengan dua cara. Jika ingin menambahkan keterangan ke satu gambar saja, ketik di kolom keterangan di bawah gambar dalam Editor.

Jika Anda ingin menampilkan keterangan gambar yang sama di semua gambar, Anda perlu menambahkan keterangan gambar pada gambar dari pustaka media dengan mengeklik tombol Ganti → Edit pada blok gambar.


↑ Daftar Isi ↑

Pengaturan Blok

Setiap blok memiliki pilihan tertentu di bilah sisi Editor yang dapat menyediakan lebih banyak pilihan penyesuaian selain pilihan yang terdapat di bilah peralatan blok. Jika Anda tidak melihat bilah sisi, klik ikon ‘roda gigi’ di sebelah tombol Publikasikan.

Pengaturan blok terdapat di bilah sisi.
Pengaturan blok terdapat di bilah sisi.

↑ Daftar Isi ↑

Pengaturan Gambar

Gambar dapat diubah menurut persentase atau dimensi piksel.

Pengaturan gambar menyediakan kolom teks untuk menambahkan deskripsi Teks Alternatif, yang penting untuk aksesibilitas dan SEO.

Anda juga dapat mengubah dimensi lebar dan tinggi gambar dalam kelipatan 25%, atau menurut dimensi piksel persisnya.

Ada banyak cara untuk mengubah ukuran gambar dari Editor WordPress.
Ada banyak cara untuk mengubah ukuran gambar dari Editor WordPress.

↑ Daftar Isi ↑

Lanjutan

Tab lanjutan memungkinkan Anda menambahkan kelas CSS ke blok, sehingga Anda dapat menulis CSS kustom dan mengatur gaya blok Gambar sesuai keinginan. Pelajari lebih lanjut.

Bagian lanjutan memungkinkan Anda menambahkan kelas CSS ke blok.
Bagian lanjutan memungkinkan Anda menambahkan kelas CSS ke blok.

↑ Daftar Isi ↑

Opsi AMP Tambahan tersedia dalam paket Bisnis dan eCommerce

Pada paket Bisnis dan eCommerce, blok Gambar memiliki opsi berikut:

  • AMP noloading – Aktifkan opsi ini jika Anda ingin menyembunyikan simbol pemuatan yang muncul saat memuat sematan pada halaman AMP.
  • AMP Lightbox effect -Aktifkan opsi ini untuk mengizinkan komponen kotak cahaya gambar AMP yang memungkinkan gambar AMP diperluas untuk mengisi area tampilan.
Pengaturan AMP pada Blok gambar untuk paket situs Bisnis dan eCommerce

Selain itu, Anda memiliki beberapa opsi untuk menyetel pengaturan Tata Letak AMP. Tata Letak HTML AMP menjelaskan bagian ini.

Laman: 1 2