Page Builder Sandwich tidak seperti page builder pada umumnya, ini tidak rumit dan mudah digunakan.
Anda dapat melihat video di bawah ini untuk tur singkat.
Di Mana Editornya?
Pertama, buat halaman, pos, atau CPT baru. Kemudian kunjungi pos baru Anda atau yang sudah ada di frontend Anda. PBS 100% frontend, Anda tidak perlu repot mengutak-atik di backend.
Seharusnya ada tombol “Page Builder Sandwich” di bagian atas halaman Anda (pada admin bar Anda), klik tombol tersebut untuk mulai mengedit. Anda akan melihat area pemformatan teks muncul dari atas, dan panel tambah elemen muncul dari samping. Area konten tema Anda sekarang menjadi editor Anda!
Anda hanya dapat mengedit halaman tunggal dengan PBS. Anda tidak dapat mengedit daftar pos blog, atau halaman 404 karena halaman tersebut dibuat oleh tema Anda. Pos, halaman, dan custom post type bisa diedit.
Mengedit Konten Anda
Sekarang tibalah bagian yang luar biasa.. setelah Anda berada di frontend dan di dalam editor, klik teks apa pun di konten Anda atau klik di dalam area konten Anda dan mulailah mengetik! Tidak seperti page builder lainnya, PBS memungkinkan Anda untuk langsung mengedit konten tanpa perlu melalui kotak dialog popup.
Memformat Konten Anda / Membuat Tampilan Menarik
Saat mengedit, area di bagian atas disebut Text Formatting Bar. Bilah ini berisi semua alat pemformatan yang akan Anda gunakan untuk menata teks seperti: warna, tebal, miring, perataan, menambahkan tautan, poin-poin, dan lainnya. Arahkan kursor ke setiap tombol untuk mengetahui fungsi alat tersebut.
Menambahkan Elemen
Arahkan mouse Anda ke tombol Add Elements di kiri atas layar untuk menampilkan Add Element Panel. Anda juga bisa cukup mengarahkan mouse ke sisi kiri layar untuk memunculkannya.
Untuk memasukkan elemen apa pun, tahan mouse Anda pada elemen tersebut, lalu seret ke area konten Anda. Area tempat elemen akan ditempatkan akan disorot. Lepaskan tombol mouse Anda untuk menempatkan elemen tersebut.
Menata Gaya dan Memodifikasi Elemen
Arahkan mouse Anda ke elemen apa pun yang ada di konten Anda, lalu garis luar dan bilah alat akan muncul di atasnya.
Anda dapat mengarahkan mouse ke tepi garis luar untuk menambah/mengurangi margin antarelemen.
Anda juga dapat mengeklik tombol pada bilah alat untuk melakukan tindakan cepat pada elemen tersebut. Mengeklik ikon roda gigi pada bilah alat akan memunculkan Properties Inspector yang berisi opsi lainnya.
Properties Inspector
Properties inspector memberi Anda kontrol lebih besar atas tampilan elemen Anda. Anda dapat menambahkan banyak hal seperti bayangan, animasi, mengubah warna peta, border radius, dan banyak lagi.
Anda juga dapat mengakses properti induk dari suatu elemen. Misalnya, jika Anda menempatkan gambar di dalam kolom dan membuka properties inspector, Anda dapat mengakses properti gambar tersebut, kolom tempat gambar berada, dan baris tempat kolom tersebut berada.
Properties inspector berisi banyak pengaturan berbeda untuk elemen yang berbeda, jadi pastikan untuk memeriksa semuanya.
Menggunakan Shortcode
Page Builder Sandwich menampilkan shortcode yang sebenarnya di frontend, dan Anda juga dapat mengeditnya dengan mudah!
Jika Anda sudah menghafal shortcode Anda, Anda dapat menyisipkan shortcode dengan mengetiknya langsung di konten Anda. Tetapi jika Anda belum menghafal semuanya (siapa juga yang melakukannya?) inspector mencantumkan semua shortcode yang tersedia di situs Anda. Seret tombol Shortcode dari inspector ke area konten Anda dan temukan yang ingin Anda masukkan, klik tombol tersebut untuk menyisipkannya.
Shortcode akan dirender menjadi konten sebenarnya di frontend, untuk mengeditnya, Anda dapat memilihnya dan memeriksa atributnya di inspector. Atau untuk kontrol lebih, Anda dapat mengeklik dua kali pada shortcode untuk mengeditnya dalam bentuk mentah. Setelah melakukan pengeditan, shortcode Anda akan diperbarui untuk mencerminkan perubahan tersebut.
Mengatur Ulang Konten Anda
Anda dapat mengeklik dan menyeret apa saja serta memindahkannya ke mana saja dengan PBS. Saat Anda menyeret sesuatu, pindahkan ke atas elemen lain di halaman, Anda dapat memindahkannya ke atas atau ke bawah konten lainnya.
Menyimpan Pekerjaan Anda
Setelah Anda puas dengan desain Anda, cukup klik tombol simpan di kiri atas halaman Anda. Selesai!