Cara Menggunakan Page Builder Sandwich

Cara Menggunakan Page Builder Sandwich

Page Builder Sandwich bukan seperti pembina halaman biasa anda, ia tidak rumit dan mudah digunakan.

Anda boleh melihat video di bawah untuk tinjauan ringkas.

Di Manakah Editornya?

Mula-mula, cipta halaman, siaran atau CPT baharu. Kemudian layari siaran baharu anda atau mana-mana siaran sedia ada di bahagian frontend anda. PBS adalah 100% frontend, anda tidak perlu bersusah-payah mengubah suai di bahagian backend.

Sepatutnya terdapat butang “Page Builder Sandwich” di bahagian atas halaman anda (pada bar pentadbir anda), klik padanya untuk mula menyunting. Anda akan melihat kawasan pemformatan teks muncul dari bahagian atas, dan panel tambah elemen muncul dari bahagian tepi. Kawasan kandungan tema anda kini adalah editor anda!

Anda hanya boleh menyunting halaman tunggal dengan PBS. Anda tidak boleh menyunting senarai siaran blog, atau halaman 404 kerana halaman tersebut dicipta oleh tema anda. Siaran, halaman dan jenis siaran tersuai boleh disunting.

Menyunting Kandungan Anda

Sekarang tibalah bahagian yang hebat.. sebaik sahaja anda berada di bahagian frontend dan di dalam editor, klik mana-mana teks dalam kandungan anda atau klik di dalam kawasan kandungan anda dan mula menaip! Tidak seperti pembina halaman lain, PBS membolehkan anda menyunting kandungan secara terus tanpa perlu melalui kotak dialog timbul.

Memformat Kandungan Anda / Menjadikan Kandungan Kelihatan Cantik

dcb1615380 file 9OtagMFi2c

Semasa menyunting, kawasan di bahagian atas dipanggil Bar Pemformatan Teks. Bar ini mengandungi semua alat pemformatan yang akan anda gunakan untuk menggayakan teks seperti: warna, tebal, condong, penjajaran, menambah pautan, butiran dan banyak lagi. Tuding tetikus ke atas setiap butang untuk mengetahui fungsi alat tersebut.

Menambah Elemen

ecfd309bb2 file yDqiNEv73s

Tuding tetikus anda ke atas butang Tambah Elemen di bahagian atas sebelah kiri skrin untuk memaparkan Panel Tambah Elemen. Anda juga boleh hanya menggerakkan tetikus anda ke bahagian kiri skrin untuk memaparkannya.

Untuk memasukkan sebarang elemen, tahan butang tetikus anda pada satu elemen, kemudian seretnya ke dalam kawasan kandungan anda. Kawasan di mana elemen tersebut akan diletakkan akan diserlahkan. Lepaskan butang tetikus anda untuk meletakkan elemen tersebut.

Menggayakan dan Mengubah Suai Elemen

Tuding tetikus anda ke atas mana-mana elemen yang ada dalam kandungan anda dan kemudian garis luar serta bar alat akan muncul di atasnya.

0046713cb7 file YU6nUCc7jYAnda boleh menuding tetikus anda ke tepi garis luar untuk menambah/mengurangkan margin antara elemen.

Anda juga boleh mengklik butang pada bar alat untuk melakukan tindakan pantas pada elemen tersebut. Mengklik pada ikon gear pada bar alat akan memaparkan Pemeriksa Sifat yang mengandungi lebih banyak pilihan.

5c220b4ac9 file Odem5RLPok

Pemeriksa Sifat

3e7e48b754 file INy1v5z9Oz

Pemeriksa sifat memberikan anda lebih banyak kawalan ke atas rupa elemen anda. Anda boleh menambah pelbagai perkara seperti bayang, animasi, menukar warna peta, jejari sempadan, dan banyak lagi.

Anda juga boleh mengakses sifat induk bagi elemen tersebut. Sebagai contoh, jika anda meletakkan imej di dalam lajur dan membuka pemeriksa sifat, maka anda boleh mengakses sifat imej, lajur tempat ia berada, dan baris tempat lajur tersebut berada.

Pemeriksa sifat mengandungi pelbagai tetapan berbeza untuk elemen yang berbeza, jadi pastikan anda menyemak semuanya.

Menggunakan Kod Pendek

Page Builder Sandwich menunjukkan kod pendek sebenar di bahagian frontend, dan anda juga boleh menyuntingnya dengan mudah! 

edee730340 file TqfWB9yv3y

Jika anda telah mengingati kod pendek anda, anda boleh memasukkan kod pendek dengan menaipnya secara terus dalam kandungan anda. Tetapi jika anda tidak mengingati semuanya (siapa yang hafal semuanya?), pemeriksa menyenaraikan semua kod pendek yang tersedia di tapak anda. Seret butang  Kod Pendek dari pemeriksa ke dalam kawasan kandungan anda dan cari kod yang anda ingin masukkan, klik padanya untuk memasukkannya.

Kod pendek akan dipaparkan menjadi kandungan sebenar di bahagian frontend, untuk menyuntingnya, anda boleh memilihnya dan menyemak atributnya dalam pemeriksa. Atau untuk kawalan lanjut, anda boleh klik dua kali pada kod pendek tersebut untuk menyuntingnya dalam bentuk asal. Selepas melakukan suntingan, kod pendek anda akan dikemas kini untuk memaparkan perubahan tersebut.

Menyusun Semula Kandungan Anda

Anda boleh klik dan seret apa sahaja serta memindahkannya ke mana-mana sahaja dengan PBS. Apabila anda menyeret sesuatu, alihkannya ke atas elemen lain dalam halaman, anda boleh meletakkannya sama ada di atas atau di bawah mana-mana kandungan lain.

Menyimpan Hasil Kerja Anda

ae0cf6f413 file

Setelah anda berpuas hati dengan reka bentuk anda, hanya klik pada butang simpan di bahagian atas sebelah kiri halaman anda. Itu sahaja!