Pengaturan Responsive Breakpoint

ZenBlocks mengelola lebar acuan untuk tampilan responsif setiap blok melalui Site Settings > Responsive. Ini bukan halaman pengaturan WordPress biasa, melainkan pengaturan bersama situs yang berada di panel samping ZenBlocks di dalam editor blok.

Kesimpulan

Secara default, ZenBlocks beroperasi dengan 4 tingkatan: PC / MD / TB / SP. PC selalu aktif, sedangkan MD, TB, dan SP dapat diaktifkan atau dinonaktifkan sesuai kebutuhan, dengan menyimpan lebar maksimum masing-masing. Setelah menyimpan, halaman perlu dimuat ulang.

Nilai Default

LabelNilai Default
PCSelalu aktif
MD1140px
TB840px
SP540px

Cara Membuka

  1. Buka halaman pos atau halaman statis apa pun di editor blok
  2. Klik tombol ZenBlocks (tombol pengaturan bersama) di header
  3. Pilih panel Responsive di dalam Site Settings
Klik tombol ZenBlocks di header
Klik tombol ZenBlocks di header
Tab Responsive dengan breakpoint yang dapat diedit
Tab Responsive dengan breakpoint yang dapat diedit

Langkah Pengaturan

  1. Aktifkan breakpoint yang diperlukan dari MD / TB / SP
  2. Masukkan lebar maksimum dalam satuan px di setiap kolom input
  3. Periksa rentang yang diterapkan di Breakpoint Ranges di bagian bawah layar
  4. Klik Save
  5. Setelah modal konfirmasi penyimpanan muncul, pastikan tidak ada perubahan yang belum disimpan, lalu klik Reload
Simpan perubahan breakpoint dengan tombol Save
Simpan perubahan breakpoint dengan tombol Save

Poin Verifikasi

  • Apakah PC tetap aktif dan terkunci?
  • Apakah nilai minimum MD tetap lebih besar dari TB?
  • Apakah nilai maksimum TB lebih kecil dari MD dan lebih besar dari SP?
  • Apakah halaman sudah dimuat ulang setelah menyimpan?

Catatan Penting

  • Perubahan yang belum disimpan sebelum reload akan hilang, jadi simpan terlebih dahulu jika sedang mengedit blok
  • Nilai yang merusak hubungan antar lebar tetap bisa dimasukkan, namun mungkin akan dikoreksi ke nilai default saat disimpan
  • Breakpoint adalah pengaturan bersama untuk seluruh situs. Fitur ini tidak dirancang untuk mengubah pengaturan pada halaman tertentu saja

Kapan Perlu Ditinjau Ulang

Tampilan Tablet Saja yang Berantakan

  • Periksa apakah nilai maksimum TB sudah sesuai dengan target desain yang sebenarnya
  • Jika perlu, tinjau ulang juga status aktif/nonaktif MD / TB / SP secara keseluruhan

Perubahan di Editor Tidak Tercermin

  • Pada kebanyakan kasus, Reload belum dilakukan setelah Save
  • Jika ada perubahan lain yang belum disimpan, simpan terlebih dahulu sebelum memuat ulang halaman

Pengaturan Terkait