May dose-dosenang mga page builder diyan, at maaaring itinatanong mo sa iyong sarili: ano ba ang espesyal sa Page Builder Sandwich? Bakit mo pa aabalahin ang paggamit nito kung mayroon ka na sa iyong mga kamay?
Sa artikulong ito, iisa-isahin ko ang ilang pangunahing tampok na matatagpuan sa Page Builder Sandwich na ginagawa itong natatangi, at talagang dapat-magkaroon para sa parehong mga tagalikha ng nilalaman at mga taga-disenyo. Kung hindi mo alam kung ano ang isang page builder at kung bakit mo ito kailangan, huwag mag-alala, mayroon kaming mga impormasyon na makatutulong sa iyo.
1. Hindi mo lang makikita ang visual na representasyon ng iyong nilalaman, makikita at mae-edit mo ang iyong mismong nilalaman
Sa iba pang mga page builder, makakakita ka ng mga lugar na kumakatawan lamang sa iyong nilalaman. Pangunahin mong inilalatag ang iyong nilalaman gamit ang mga block at parihabang hugis, at ang resulta ay mas mukhang framework ng kung ano ang magiging hitsura ng iyong mga nilalaman sa iyong pahina. Nagiging sanhi ito ng palagiang pag-click sa preview button para lang makita kung ano ang magiging hitsura ng mga resulta.
Sa Page Builder Sandwich, ang lahat ng pag-edit ay ginagawa sa front end ng iyong site at direkta mong ine-edit ang iyong nilalaman para sa isang tunay na what-you-see-is-what-you-get na karanasan.
2. Mabilis at madaling direktang pag-edit nang wala ang lahat ng nakaiinis na mga popup dialog
Ang mga popup ay naging pangunahing bahagi na ng mga page builder. Sa karamihan, kung nais mong mag-edit ng anuman sa iyong layout, maging ito man ay isang heading, label ng button, o maliit na tagline text, kailangan mo munang maghintay na magbukas ang isang popup dialog at isagawa ang iyong mga pagbabago sa loob nito.
Naging layunin namin na bawasan ang paggamit ng mga popup sa pangkalahatan sa Page Builder Sandwich. Sa pamamagitan ng pag-alis ng mga popup, ang pag-edit ng anumang nilalaman ay ginawang mas madali at mas maayos kaysa dati.
Ang pag-edit ay ginagawa sa direktang paraan – mag-click sa iyong teksto upang ilagay ang iyong cursor doon at simulan ang pag-type. Hindi mo na kailangang maghintay para sa isang popup dialog na naglalaman ng TinyMCE editor upang magsimulang mag-edit. Ang pinakamagandang bahagi nito ay maaari mo pa ring i-drag and drop ang iyong nilalaman sa iba’t ibang lugar.
Ang isa pang inobasyon na tumutulong sa walang abalang pag-edit ay ang laging naririyan na inspector. Ang inspector ay nagsisilbing iyong toolbox at properties editor. Ang mga tool para sa pag-format ng iyong nilalaman: mga kulay ng teksto, mga heading, mga pagsasaayos ng laki ng font, mga margin, padding, border, blockquote, at marami pang iba ay madaling ma-access sa isang click lang.
3. Muling ginamit na functionality ng WordPress
Ang isa pang bagay na napansin namin sa ibang mga page builder ay madalas nilang muling iniimbento ang gulong. Ang ilan ay nagpapatupad ng kanilang sariling mga color picker, image uploader, tagalikha ng gallery, at iba’t ibang mga tool. Walang masama rito sa ganang sarili, ngunit ang WordPress ay isang kayamanan ng mga code snippet, kaya bakit hindi gamitin ang mga iyon?
Ang WordPress ay isang napakalaki at kahanga-hangang platform at naglalaman ng maraming astig na tool na binuo ng napakaraming kahanga-hangang contributor. Ginagamit ng Page Builder Sandwich ang functionality na nakasama na sa WordPress hangga’t maaari.
Sa halip na gamitin ang aming sariling color picker, ginagamit namin ang Iris color picker. Sa halip na sarili naming image uploader, ginagamit namin ang media manager. Bukod pa rito, nariyan din ang backbonejs, underscorejs, wp.hooks, at wp.shortcode upang magbanggit ng ilan pang magagandang script. Ginagamit namin ang lahat ng iyon, at pinadali nito ang aming buhay at humantong din ito sa isang mas matatag na codebase.
Ang muling paggamit sa functionality ng WordPress ay nagdulot din ng ilang kahanga-hangang sorpresa. Halimbawa, dahil ginamit namin ang media manager upang magpasok ng mga larawan, isang kaaya-ayang sorpresa na maaari na rin naming hawakan ang mga WordPress gallery, mga playlist ng video at audio, at mga remote URL sa simula pa lang. Maaari din naming gamitin ang media manager upang magsagawa ng pag-edit ng imahe, na nag-alis ng maraming oras ng hindi kinakailangang sakit ng ulo sa pag-develop.
4. Pag-navigate gamit ang Keyboard at mga Shortcut
Sa iba pang mga page builder, ang mouse ang iyong kaibigan. Nagda-drag and drop ka ng mga bagay gamit ito at nagdo-double click ng mga bagay upang mag-edit. Ngunit ang keyboard ay madalas na napapabayaan.
Halimbawa, sa ilang mga builder, hindi mo madaling ma-edit ang teksto na isang talata/seksyon sa itaas mula sa kung saan ka nag-e-edit dahil kailangan mong mag-click palabas ng isang popup dialog at mag-click sa bago. Sa Page Builder Sandwich, maaari kang mag-navigate gamit ang iyong keyboard. Pindutin ang mga arrow key upang mag-navigate sa pagitan ng iyong nilalaman; gumagana ito kahit na ang iyong iba pang nilalaman ay nakapaloob sa loob ng isa pang row o column.
Ang isa pang mahalagang tampok ay ang mga keyboard shortcut para sa undo at redo. Maaaring hindi ito gaanong mahalaga sa simula, ngunit isipin ito: paano kung hindi mo sinasadyang na-drag and drop ang iyong nilalaman sa maling lokasyon. Sa ilang mga page builder, kakailanganin mo itong i-drag pabalik sa orihinal nitong posisyon. Sa Page Builder Sandwich, gumagana ang parehong undo at redo. Kaya nais mo mang baguhin ang iyong na-type, o nais mong ibalik ang iyong na-drag na nilalaman (o maraming na-drag na nilalaman), pindutin lamang ang undo o redo. Gumagana ang undo at redo para sa na-drag and drop na nilalaman at maging para sa mga pagbabago sa property tulad ng mga font-size at padding ng row. Ginagawa silang makapangyarihang mga tool sa iyong kagamitan sa pag-edit.
5. Isang tunay na frontend page builder – Isang mas nakakarelaks at walang abalang karanasan sa pag-edit
Ang aming pananaw sa panahon ng pagbuo ay ang pag-edit sa front end ay hindi dapat magparamdam na nag-e-edit ka pa rin gamit ang mga back end tool. Hindi dapat maramdaman na ang builder ay orihinal na ginawa para sa back end at pagkatapos ay inilipat sa front end.
Sa kabuuan, para sa akin, ang pangunahing pagkakaiba ng Page Builder Sandwich ay binuo namin ito nang may layuning maging isang “tunay” na frontend page builder – isang muling pag-iisip kung paano dapat ang pag-edit sa front end.