Editor
Mengenal editor
Jelajahi area utama editor Webpress — panel kiri, kanvas, dan panel kustomisasi.
Terakhir diperbarui 2026-06-19
Editor Webpress terdiri dari tiga area utama: panel kiri untuk konten dan struktur, kanvas di tengah tempat Anda membangun, dan panel kanan untuk penataan gaya. Sebuah bilah alat membentang di bagian atas.

Bilah atas
Di bagian atas terdapat nama proyek beserta aksi cepat:
- Preview — lihat halaman seperti yang dilihat pengunjung, dengan panel disembunyikan.
- Fullscreen — perbesar kanvas hingga memenuhi layar.
- Outlines — aktifkan atau matikan garis tepi elemen saat bekerja.
- Publish (atau Update) — membuka pengaturan publikasi. Lihat Menerbitkan situs Anda.
Panel kiri
Bilah samping kiri memiliki beberapa tab:
- Blocks — blok pembangun yang Anda seret ke kanvas (tombol, seksi, kartu, dan lainnya).
- Layers — pohon dari setiap elemen pada halaman; klik untuk memilih, mengubah visibilitas, atau mengunci.
- Pages — menambah, menggandakan, dan mengelola halaman situs. Lihat Mengelola halaman.
- Uploads dan Images — pustaka berkas dan gambar Anda.
- Code — lihat HTML dan CSS dari elemen yang dipilih.
- Theme — Brand Kit Anda: atur warna, font, dan kelengkungan sudut sekali saja, dan semua halaman mengikuti.
Di bagian bawah panel kiri, ikon ⚙ Settings (roda gigi) membuka Project Settings, tempat Anda mengelola domain, SEO, dan opsi lanjutan.
Kanvas
Kanvas di tengah adalah tempat halaman Anda berada. Gunakan pemilih perangkat di bagian atas untuk beralih antara Desktop, Tablet, dan Mobile serta memastikan tata letak tampil baik di setiap layar. Klik elemen mana pun untuk memilihnya, dan seret blok dari panel Blocks untuk menempatkannya.
Panel kustomisasi (panel kanan)
Saat Anda memilih sebuah elemen, panel kanan menampilkan cara menatanya. Tersedia dua mode:
- Simple — kontrol yang ramah dan sesuai konteks (untuk tombol: label, warna, ukuran, perataan, dan sebagainya).
- Pro — kontrol penuh dengan sektor gaya CSS (tata letak, jarak, tipografi, latar, garis tepi, efek) plus pengelolaan kelas dan keadaan hover.
Berikutnya: Menambah dan menyunting konten.