Számtalan oldalépítő létezik, és biztosan felmerül benned a kérdés: mi olyan különleges a Page Builder Sandwichben? Miért vesződnél a használatával, ha már kéznél van egy másik?
Ebben a cikkben bemutatok néhány olyan kulcsfontosságú funkciót a Page Builder Sandwichben, amelyek egyedivé, és mind a tartalomkészítők, mind a designerek számára igazi kötelező darabbá teszik. Ha nem tudod, mi az az oldalépítő, és miért van rá szükséged, ne aggódj, van néhány hasznos anyagunk, ami segíthet.
1. Nem csupán a tartalmad vizuális reprezentációját látod, hanem magát a tényleges tartalmat látod és szerkeszted
Más oldalépítőkben csupán olyan területeket látsz, amelyek a tartalmadat reprezentálják. A tartalmat leginkább blokkokkal és téglalap alakú formákkal rendezed el, az eredmény pedig inkább egy vázra hasonlít, amely megmutatja, hol fognak megjelenni a tartalmaid az oldalon. Ez az előnézet gomb folyamatos kattintgatásához vezet, csak azért, hogy lásd, hogyan is fog kinézni az eredmény.
A Page Builder Sandwich segítségével a szerkesztés teljes egészében a webhelyed frontendjén történik, és közvetlenül a tartalmat szerkeszted a valódi „amit látsz, azt kapod” élményért.
2. Gyors és egyszerű közvetlen szerkesztés idegesítő felugró ablakok nélkül
A felugró ablakok az oldalépítők alapvető kellékei voltak. A legtöbbnél, ha bármit módosítani szeretnél az elrendezésedben – legyen az egy címsor, egy gomb felirata vagy egy rövid szlogen –, először meg kell várnod, amíg megnyílik egy felugró ablak, és azon belül kell elvégezned a módosításokat.
A Page Builder Sandwich esetében célunkul tűztük ki a felugró ablakok használatának minimálisra csökkentését. A felugró ablakok mellőzésével a tartalmak szerkesztése egyszerűbbé és gördülékenyebbé vált, mint valaha.
A szerkesztés teljesen magától értetődő: kattints a szövegre a kurzor elhelyezéséhez, és már gépelhetsz is. Többé nem kell egy TinyMCE szerkesztőt tartalmazó felugró ablakra várnod a szerkesztés megkezdéséhez. A legjobb az egészben pedig az, hogy a tartalmakat továbbra is szabadon húzhatod és ejtheted.
Egy másik újítás, amely segíti a gondtalan szerkesztést, a mindig kéznél lévő inspektor. Az inspektor eszköztárként és tulajdonságszerkesztőként funkcionál. A tartalom formázására szolgáló eszközök: szövegszínek, címsorok, betűméret-beállítások, margók, belső margók, szegélyek, idézetblokkok és még sok más mindössze egyetlen kattintásra vannak.
3. Újrahasznosított WordPress funkciók
Egy másik dolog, amit más oldalépítőknél észrevettünk, hogy gyakran újra feltalálják a spanyolviaszt. Egyesek saját színválasztót, képfeltöltőt, galériakészítőt és számos egyéb eszközt implementálnak. Ezzel önmagában semmi baj sincs, de a WordPress kódkészletek valóságos kincsesbányája, miért ne használnánk inkább azokat?
A WordPress egy hatalmas és csodálatos platform, amely rengeteg nagyszerű közreműködő által készített szuper eszközt tartalmaz. A Page Builder Sandwich a lehető legnagyobb mértékben azokat a funkciókat használja, amelyek már alapból megtalálhatók a WordPressben.
Ahelyett, hogy saját színválasztót használnánk, az Iris színválasztót alkalmazzuk. Saját képfeltöltő helyett a médiatárat használjuk. Emellett ott van még a backbonejs, az underscorejs, a wp.hooks és a wp.shortcode is, hogy csak néhány remek szkriptet említsünk. Mindezeket használjuk, ami megkönnyítette az életünket, és stabilabb kódbázishoz is vezetett.
A WordPress funkcióinak újrahasznosítása néhány nagyszerű meglepetést is okozott. Mivel például a médiatárat használtuk a képek beillesztésére, kellemes meglepetés volt, hogy azonnal képesek voltunk kezelni a WordPress galériákat, a videó- és audio lejátszási listákat, valamint a távoli URL-eket is. Ráadásul a képszerkesztést is egyszerűen a médiatárral végezhetjük el, ami többórányi felesleges fejlesztői fejtöréstől kímélt meg minket.
4. Billentyűzetes navigáció és gyorsbillentyűk
Más oldalépítőkben az egér a legjobb barátod. Ezzel húzod és ejted az elemeket, és duplán kattintasz rájuk a szerkesztéshez. A billentyűzetről azonban gyakran megfeledkeznek.
Egyes építőkben például nem lehet könnyen szerkeszteni a szerkesztett szöveg feletti bekezdést vagy szakaszt, mert előbb ki kell kattintanod a felugró ablakból, majd egy újba kell bekattintanod. A Page Builder Sandwichben a billentyűzettel is navigálhatsz. Használd a nyílbillentyűket a tartalmaid közötti navigáláshoz – ez még akkor is működik, ha a többi tartalmad egy másik sorba vagy oszlopba van beágyazva.
Egy másik fontos funkció a visszavonás és újbóli végrehajtás gyorsbillentyűje. Elsőre talán nem tűnnek nagy dolognak, de gondolj csak bele: mi történik, ha véletlenül rossz helyre húzol egy tartalmat? Egyes oldalépítőkben kézzel kell visszahúznod az eredeti helyére. A Page Builder Sandwichben mind a visszavonás, mind az újbóli végrehajtás működik. Tehát akár a beírt szöveget szeretnéd módosítani, akár a behúzott tartalmat (vagy egyszerre több behúzott tartalmat) szeretnéd visszaállítani, csak használd a visszavonást vagy az újbóli végrehajtást. A visszavonás és az újbóli végrehajtás az áthúzott elemeknél és még a tulajdonságok módosításánál – például betűméreteknél vagy a sorok belső margóinál – is működik. Ez igazán hatékony eszközzé teszi őket a szerkesztési fegyvertáradban.
5. Egy valódi frontend oldalépítő – Pihentetőbb és gondtalanabb szerkesztési élmény
A fejlesztés során az volt a szemléletünk, hogy a frontenden történő szerkesztés során ne érezd úgy, mintha még mindig háttéreszközökkel dolgoznál. Ne tűnjön úgy, mintha az építőt eredetileg az admin felületre hozták volna létre, majd utólag átültették volna a frontend oldalra.
Összességében számomra a Page Builder Sandwich legfőbb megkülönböztető jegye az, hogy azzal a céllal hoztuk létre, hogy egy „valódi” frontend oldalépítő legyen – a frontend szerkesztés újragondolása.