Paano Gumagana ang Page Builder Sandwich

Isinulat ni

sa

How-Page-Builder-Sandwich-WorksMagbibigay ang artikulong ito ng maikling overview kung paano gumagana ang Page Builder Sandwich, at nilalayon itong maging panimula para sa mga interesado kung paano sumasama ang aming page builder sa iba’t ibang bagay sa WordPress. Hindi ko tatalakayin nang detalyado ang mga indibidwal na feature ng Page Builder Sandwich, kung nais mo ang mga iyon, pumunta sa aming page ng mga video kung saan ipinapakita namin ang bawat feature nang paisa-isa gamit ang maiikling screencast.

Kung nais mong malaman kung paano naiiba ang Page Builder Sandwich sa iba pang mga page builder diyan, basahin ang aming artikulo na Paano Naiiba ang Page Builder Sandwich sa Iba Pa.

Where is the page builder?

Nasaan ito? At ano ang maaari kong i-edit gamit ito?

Hindi tulad ng maraming iba pang page builder, ang Page Builder Sandwich ay matatagpuan sa front end ng iyong website. Kung ikaw ay nasa back end, naglagay kami ng button na “Frontend” sa tabi ng mga button ng content editor na magdadala sa iyo sa front end ng iyong page.

Binibigyang-daan ka ng Page Builder Sandwich na i-edit ang iyong mga post, page, at content ng custom post type. Gayunpaman, hindi ka nito pinapayagang direktang i-edit ang iyong pinagsama-samang mga blog post sa frontpage, at iba pang non-single na bahagi sa iyong site. Isipin mo na lang nang ganito: kung ang nais mong i-edit ay may content editor sa back end (tulad ng “New Post” at “New Page”), maaari nang gamitin ang Page Builder Sandwich. Maaari mong i-edit ang iyong mga indibidwal na page at blog post, at kung halimbawa ay mayroon kang plugin na nagpapakilala ng mga menu ng restaurant o mga item ng portfolio, maaari mo ring i-edit ang mga iyon.

Habang nasa front end, naglagay kami ng asul na button na “Edit with Page Builder Sandwich” sa iyong adminbar. I-click lang iyon upang simulan ang pag-edit sa iyong page.

Direktang pag-edit ng content

Sa Page Builder Sandwich, ginawa naming pinakamadali at walang abala ang pag-edit ng content hangga’t maaari. Ang pag-edit ng content ay diretso at madali, mag-click at mag-type lang. Ganoon lang ito kasimple.

The inspector

Ipinapakilala, ang inspector

Napansin namin na maraming page builder ang may napakaraming popup. Sa personal, ayoko ng mga popup dahil nakakaabala ang mga ito at karaniwang sinasabi sa iyo na “hoy, itigil ang ginagawa mo hanggang sa mapunan mo muna ang mga field na ito”. Sinisira ng mga ito ang daloy ng isang maayos na karanasan sa pag-edit. Dahil dito, pinaliit namin ang paggamit ng mga popup sa pangkalahatan, at sa halip ay ginawa namin ang inspector.

Ang inspector ay isang side-bar type na bahagi na naglalaman ng lahat ng formatting at layouting tools na kakailanganin mo. Maaaring i-dock ang inspector sa kaliwa o kanang bahagi ng iyong screen upang madali mong makita ang iyong ini-edit.

Mula sa inspector, maaari mong isaayos ang iba’t ibang katangian ng teksto tulad ng mga heading, laki ng font, bold, italic, mga kulay ng teksto, at marami pang iba. Bukod sa mga iyon, nagbibigay-daan din ito sa iyo na magdagdag ng mga imahe at gumawa ng mga row o columned na content. May kakayahan din ito para sa mas advanced na pag-edit tulad ng pag-aayos ng mga row sa full-page width na mga row, mga kulay ng background ng row at column, vertical content alignment, pati na rin ang mga margin at background. Napakalakas nito at madalas mo itong magagamit.

Pagsasama sa mga WordPress theme

Sa likas na katangian nito, halos walang kasamang mga styling ang Page Builder Sandwich. Kapag nag-e-edit ka ng iyong content, ang mga estilo na nakikita mo ay halos nakabatay sa iyong theme.

Pagsasama sa mga Shortcode

Ang mga shortcode ay isang mahalagang aspeto sa WordPress at malamang na gagamit ka ng ilang mga shortcode sa iyong site. Pinangangasiwaan ito nang napakahusay ng Page Builder Sandwich kung saan lilitaw na na-render ang iyong mga shortcode sa front end. Nananatili ring mae-edit ang mga shortcode, at ang pinakamagandang bahagi, pagkatapos mong i-edit ang iyong mga shortcode, muli silang mai-render kasama ang iyong mga pagbabago.

Para sa kaginhawahan, magagawa mong i-edit ang iyong mga shortcode gamit ang inspector. Kung nais mo ng higit pang kontrol, maaari mo ring i-double click ang mga shortcode upang i-edit ang mga ito sa raw form. Bukod dito, ang lahat ng shortcode na available sa iyong website ay nakalista sa inspector para sa madaling pagsasama sa iyong content.

No bloat

Kumusta naman ang website bloat?

Sino ba ang may gusto ng mababagal na website? Hindi kami, at tiyak na hindi ikaw. Tiniyak namin na ang Page Builder Sandwich ay halos walang epekto sa performance ng iyong website. Kapag naka-log out, sa pinakamababa, tanging ang mga CSS style ng row at column lang ang naka-enqueue, kasama ang mga kinakailangang JS at CSS script para sa mga shortcode na ginamit mo na naka-enqueue.

Para sa mga developer

Kung ikaw ay isang developer at mayroon kang mga shortcode sa iyong mga WordPress plugin, nagbibigay ang Page Builder Sandwich ng Shortcode API upang madali mong mabigyan ang iyong mga customer ng mga field para sa madaling paggawa at pagbabago ng iyong mga shortcode.

Kung nais mo pang palawigin ang mga kakayahan o makipag-integrate sa ilang bahagi ng Page Builder Sandwich, mayroon din kaming ilang kapaki-pakinabang na action at filter hook na maaari mong gamitin.