kesimpulan
Setelah menginstal dan mengaktifkan WordPress.org, Anda dapat langsung mulai menggunakannya di editor blok. Menyesuaikan breakpoint bersifat opsional, namun jika Anda menyesuaikannya agar sesuai dengan desain situs, Anda dapat memperoleh tampilan responsif yang lebih akurat.
Metode instalasi
Instal dari layar manajemen WordPress (disarankan)
- Buka Plugins > Add new pada layar manajemen WordPress
- Masukkan “ZenBlocks” pada kolom pencarian
- Saat ZenBlocks muncul, klik Instal sekarang
- Setelah instalasi selesai, klik Aktifkan
Poin: Karena didistribusikan dari direktori resmi WordPress.org, ini adalah plugin aman yang telah lulus tinjauan keamanan.
Instal dari file ZIP
- Unduh file ZIP dari halaman ZenBlocks WordPress.org
- Pada layar manajemen WordPress, buka Plugins > Add new > Upload plugin
- Pilih dan unggah file ZIP yang diunduh
- Klik Aktifkan Plugin
Konfirmasikan aktivasi
Setelah diaktifkan, kategori ZenBlocks Elements akan muncul di panel sisipan editor blok.
- Buka layar edit untuk postingan atau halaman mana pun
- Klik tombol **** di kiri atas untuk membuka panel penyisipan blok
- Cari "ZenBlocks" atau cari ZenBlocks Elements dari daftar kategori
- Button Basic Jika blok ditampilkan, instalasi berhasil.
Ikhtisar layar pengaturan
Anda dapat mengakses pengaturan umum plugin dari Pengaturan > ZenBlocks.
| Barang | Deskripsi |
|---|---|
| Pengaturan titik henti sementara | Ubah ambang batas lebar layar per perangkat |
| CSS menghapus cache | Hapus cache gaya frontend secara manual |
| Manajemen lisensi | Masukkan kunci lisensi dan periksa status versi Pro |
Menyesuaikan breakpoint
ZenBlocks memungkinkan Anda menyesuaikan empat breakpoint untuk desain responsif.
Nilai bawaan
| perangkat | Nama tampilan | lebar layar |
|---|---|---|
| PC | desktop | 1141 piksel atau lebih |
| MD | layar tengah | 841 piksel ~ 1140 piksel |
| TB | tablet | 541 piksel ~ 840 piksel |
| SP | telepon pintar | 540 piksel atau kurang |
Bagaimana cara berubah
- Buka Pengaturan > ZenBlocks
- Ubah nilai di bagian pengaturan breakpoint
- Klik Simpan
Catatan: Mengubah breakpoint akan membuat ulang CSS yang responsif untuk semua blok ZenBlocks. Jika style rusak pada halaman yang ada, silakan hapus cache CSS.
langkah berikutnya
Setelah pengaturan selesai, coba gunakan blok tersebut menggunakan [Buat tombol pertama Anda] (../first-button/).