Ang Page Builder Sandwich ay hindi tulad ng iyong karaniwang page builder, hindi ito kumplikado at simpleng gamitin.
Maaari mong panoorin ang video sa ibaba para sa isang mabilisang tour.
Nasaan ang Editor?
Una, gumawa ng bagong page, post o CPT. Pagkatapos ay bisitahin ang iyong bagong post o anupamang umiiral na post sa iyong frontend. Ang PBS ay 100% frontend, hindi mo na kailangang magkalikot sa backend.
Dapat mayroong button na “Page Builder Sandwich” sa itaas ng iyong page (sa iyong admin bar), i-click iyon upang simulan ang pag-e-edit. Dapat mong makitang lumitaw ang text formatting area mula sa itaas, at ang panel ng add elements mula sa gilid. Ang content area ng iyong tema ay ang iyong editor na ngayon!
Maaari ka lamang mag-edit ng mga single page gamit ang PBS. Hindi mo maaaring i-edit ang listahan ng mga post sa blog, o isang 404 page dahil ang mga iyon ay ginawa ng iyong tema. Ayos lang ang mga post, page, at custom post type.
Pag-edit sa Iyong Nilalaman
Ngayon, narito ang kahanga-hangang bahagi.. kapag nasa frontend ka na at nasa loob ng editor, mag-click ng anumang teksto sa iyong nilalaman o mag-click sa loob ng iyong content area at magsimulang mag-type! Hindi tulad ng ibang mga page builder, pinapayagan ka ng PBS na direktang mag-edit ng nilalaman nang hindi kinakailangang dumaan sa mga popup dialog box.
Pag-format ng Iyong Nilalaman / Pagpapaganda sa mga Bagay-bagay
Habang nag-e-edit, ang bahagi sa itaas ay tinatawag na Text Formatting Bar. Naglalaman ang bar na ito ng lahat ng formatting tool na gagamitin mo para sa pag-istilo ng teksto tulad ng: mga kulay, bold, italicize, mga alignment, pagdaragdag ng mga link, mga bullet, at higit pa. I-hover ang iyong mouse sa bawat button upang malaman kung ano ang ginagawa ng tool.
Pagdaragdag ng mga Elemento
I-hover ang iyong mouse sa button na Add Elements sa itaas na kaliwa ng screen upang ipakita ang Add Element Panel. Maaari mo ring ilipat na lamang ang iyong mouse sa kaliwang bahagi ng screen upang lumitaw ito.
Upang magpasok ng anumang elemento, pindutin nang matagal ang iyong mouse sa isa, pagkatapos ay i-drag ito sa iyong content area. Mamu-highlight ang lugar kung saan ilalagay ang elemento. Bitawan ang button ng iyong mouse upang ilagay ang elemento.
Pag-istilo at Pagbago ng mga Elemento
I-hover ang iyong mouse sa anumang elementong mayroon ka sa iyong nilalaman at dapat lumitaw ang mga outline at toolbar sa ibabaw ng mga ito.
Maaari mong i-hover ang iyong mouse sa mga gilid ng mga outline upang dagdagan/bawasan ang mga margin sa pagitan ng mga elemento.
Maaari ka ring mag-click sa isang button sa toolbar upang magsagawa ng mabilisang pagkilos sa elemento. Ang pag-click sa icon na gear sa toolbar ay magpapakita ng Properties Inspector na naglalaman ng higit pang mga opsyon.
Ang Properties Inspector
Binibigyan ka ng properties inspector ng higit na kontrol sa hitsura ng iyong mga elemento. Maaari kang magdagdag ng maraming bagay tulad ng mga anino, animation, magbago ng mga kulay ng mapa, border radius, at marami pang iba.
Maaari mo ring ma-access ang mga property ng mga parent ng elemento. Halimbawa, kung naglagay ka ng larawan sa loob ng isang column at binuksan ang properties inspector, maaari mong ma-access ang mga property ng larawan, ang column kung saan ito nakalagay, at ang row kung saan nakalagay ang column.
Ang properties inspector ay naglalaman ng maraming iba’t ibang setting para sa iba’t ibang elemento, kaya siguraduhing tingnan ang lahat ng ito.
Paggamit ng mga Shortcode
Ipinapakita sa iyo ng Page Builder Sandwich ang mga aktwal na shortcode sa frontend, at madali mo ring mae-edit ang mga ito!
Kung nakasaulo mo ang iyong mga shortcode, maaari kang magpasok ng mga shortcode sa pamamagitan ng direktang pag-type ng mga ito sa iyong nilalaman. Ngunit kung hindi mo pa nasaulo ang lahat ng ito (sino nga ba ang gumagawa niyon?) inililista ng inspector ang lahat ng shortcode na available sa iyong site. Mag-drag ng button na Shortcode mula sa inspector patungo sa iyong content area at hanapin ang gusto mong ipasok, i-click iyon upang maipasok ito.
Ang mga shortcode ay nagiging aktwal na nilalaman sa frontend, upang i-edit ang mga ito, maaari mo itong piliin at tingnan ang mga katangian ng mga ito sa inspector. O para sa higit na kontrol, maaari mong i-double click ang shortcode upang i-edit ito sa raw nitong anyo. Pagkatapos maisagawa ang iyong mga pag-edit, mag-a-update ang iyong shortcode upang maipakita ang mga pagbabago.
Pagsasaayos Muli ng Iyong Nilalaman
Maaari mong i-click at i-drag ang anuman at ilipat ang mga ito kahit saan gamit ang PBS. Kapag nag-drag ka ng isang bagay, ilipat ito sa ibabaw ng isa pang elemento sa page, maaari mong ilipat ang mga ito sa itaas o sa ibaba ng alinmang nilalaman.
Pag-save sa Iyong Trabaho
Kapag nasiyahan ka na sa iyong disenyo, i-click lamang ang save button sa itaas na kaliwa ng iyong page. Iyon lang!