Existují desítky a desítky page builderů a vy se určitě ptáte: co je na Page Builder Sandwich tak zvláštního? Proč byste se měli obtěžovat s jeho používáním, když už nějaký máte po ruce?
V tomto článku vyjmenuji několik klíčových funkcí nástroje Page Builder Sandwich, díky kterým je jedinečný a naprostou nezbytností pro tvůrce obsahu i designéry. Pokud nevíte, co to page builder je a proč ho potřebujete, nezoufejte, máme pro vás materiály, které vám pomohou.
1. Neuvidíte pouhou vizuální reprezentaci svého obsahu, uvidíte a upravíte svůj skutečný obsah
V jiných page builderech vidíte oblasti, které váš obsah pouze reprezentují. Obsah rozvrhujete převážně pomocí bloků a obdélníkových tvarů a výsledek vypadá spíše jako kostra toho, jak by váš obsah mohl na stránce nakonec vypadat. To vede k neustálému klikání na tlačítko náhledu jen proto, abyste viděli, jaký bude výsledek.
S Page Builder Sandwich probíhají veškeré úpravy přímo na front-endu vašeho webu a svůj obsah upravujete přímo pro skutečný zážitek typu „co vidíte, to dostanete“.
2. Rychlé a snadné přímé úpravy bez všech těch otravných vyskakovacích oken
Vyskakovací okna (pop-upy) jsou neodmyslitelnou součástí většiny page builderů. Ve většině z nich, pokud chcete v rozvržení cokoli upravit – ať už jde o nadpis, text tlačítka nebo drobný podnadpis –, musíte nejprve počkat, až se otevře vyskakovací dialogové okno, a změny provést v něm.
Dali jsme si za cíl použití vyskakovacích oken v Page Builder Sandwich celkově minimalizovat. Díky odstranění pop-up oken je úprava jakéhokoli obsahu jednodušší a plynulejší než kdy dříve.
Úpravy probíhají přímočaře – klikněte na text, umístěte kurzor a začněte psát. Už nemusíte čekat, až se otevře vyskakovací okno s editorem TinyMCE, abyste mohli začít upravovat. Nejlepší na tom je, že obsah můžete stále libovolně přetahovat myší.
Další inovací, která napomáhá bezproblémovým úpravám, je neustále přítomný inspektor. Inspektor slouží jako vaše sada nástrojů a editor vlastností. Nástroje pro formátování obsahu: barvy textu, nadpisy, úpravy velikosti písma, vnější a vnitřní okraje, ohraničení, citace a mnohé další máte na dosah jednoho kliknutí.
3. Znovu využitá funkcionalita WordPressu
Další věc, které jsme si u jiných page builderů všimli, je to, že často znovu vymýšlejí kolo. Některé implementují vlastní nástroje pro výběr barev, nahrávání obrázků, vytváření galerií a různé další nástroje. Samo o sobě na tom není nic špatného, ale WordPress je pokladnicí fragmentů kódu, tak proč je nevyužít?
WordPress je obrovská a skvělá platforma obsahující spoustu parádních nástrojů vytvořených spoustou úžasných přispěvatelů. Page Builder Sandwich využívá funkce, které jsou již součástí WordPressu, v maximální možné míře.
Místo vlastního výběru barev používáme Iris color picker. Místo vlastního nahrávače obrázků používáme správce médií. Pak jsou tu také backbonejs, underscorejs, wp.hooks a wp.shortcode, abychom jmenovali alespoň některé další šikovné skripty. Všechny je používáme, což nám usnadnilo život a zároveň to vede ke stabilnějšímu kódu.
Opětovné využití funkcionality WordPressu přineslo i několik příjemných překvapení. Jelikož jsme například pro vkládání obrázků použili správce médií, bylo milým překvapením, že jsme rovnou mohli pracovat také s galeriemi WordPressu, video a audio playlisty a externími URL adresami. Správce médií jsme také mohli jednoduše použít k úpravě obrázků, což ušetřilo hodiny zbytečných vývojářských starostí.
4. Navigace pomocí klávesnice a klávesové zkratky
V jiných page builderech je myš vaším přítelem. Přetahujete s ní prvky a dvojitým kliknutím je upravujete. Klávesnice je však často opomíjena.
Například v některých builderech nemůžete snadno upravit text o jeden odstavec/sekci výše, než právě upravujete, protože musíte vykliknout z vyskakovacího dialogu a vnořit se do nového. V Page Builder Sandwich můžete navigovat pomocí klávesnice. Pro přecházení mezi obsahem stačí použít šipky – funguje to, i když je další obsah schovaný v jiném řádku nebo sloupci.
Další důležitou funkcí jsou klávesové zkratky pro vrácení zpět a opakování akce. Možná se to na první pohled nezdá jako mnoho, ale představte si toto: co když omylem přetáhnete svůj obsah na špatné místo? V některých page builderech jej musíte přetáhnout zpět na původní pozici. V Page Builder Sandwich funguje jak krok zpět, tak krok vpřed. Takže ať už chcete přepracovat to, co jste napsali, nebo vrátit zpět přetažený obsah (či více přetažených položek), stačí stisknout krok zpět nebo krok vpřed. Vrácení a opakování akce funguje pro přetažený obsah a dokonce i pro změny vlastností, jako jsou velikosti písma a odsazení řádků. To z nich dělá mocné nástroje ve vašem editačním arzenálu.
5. Skutečný frontendový page builder – pohodovější a bezstarostnější úpravy
Naším přístupem během vývoje bylo, že úpravy ve front-endu by neměly působit tak, jako byste stále upravovali pomocí back-endových nástrojů. Nemělo by to působit, jako by byl builder původně vytvořen pro back-end a teprve poté přenesen do front-endu.
Celkově vzato je pro mě hlavním rozlišovacím znakem Page Builder Sandwich to, že jsme jej vytvořili s cílem, aby byl „skutečným“ frontendovým page builderem – novou představou o tom, jak by měly úpravy ve front-endu vypadat.