Wat is een Page Builder en Waarom Front-End Belangrijk Is

Geschreven door

in

What-is-a-Page-Builder-and-Why-Front-End-MattersAls je een doorgewinterde blogger bent voor wie alle contentcreatie draait om het schrijven van volledige artikelen met af en toe een bijbehorende afbeelding, dan is de bestaande TinyMCE-contenteditor wellicht voldoende voor jouw behoeften. De huidige gereedschapsset bevat al de nodige tools voor het schrijven van artikelen; je hebt de basisfunctionaliteit voor tekstbewerking zoals vet, cursief, koppen, enz. Maar dat is het dan ook wel zo’n beetje.

Geen gebruiksvriendelijke lay-outmogelijkheden

Hoewel je artikelen kunt schrijven met de huidige TinyMCE-contenteditor, is er geen fatsoenlijke manier om je content in te delen, behalve in een enkele, doorlopende tekstkolom. Standaard kun je je tekst niet in twee of meer kolommen opmaken, noch kun je contentsecties maken met een andere achtergrondkleur. Als je wilt dat andere delen van je website, zoals landingspagina’s en contactpagina’s, uniek zijn, heb je een basis aan lay-outmogelijkheden nodig.

Anderen hebben geprobeerd dit probleem te omzeilen door gebruik te maken van de shortcode-functie van WordPress. In een notendop maken shortcodes het mogelijk om stukjes code in te voegen met behulp van speciale tags. Er zijn WordPress-plugins die verschillende shortcodes introduceren waarmee je content met kolommen kunt maken. Je zou je content bijvoorbeeld kunnen omringen met meerdere kolom-tags als je deze in een lay-out met twee kolommen wilt plaatsen. Hoewel deze methode “werkt”, is het visueel niet prettig, omdat alles naarmate je meer content toevoegt uiteindelijk één grote rommel wordt.

Om deze lay-outleegte op te vullen, zijn er pagebuilders gemaakt.

Page building blocks

Pagebuilders maken het eenvoudig om opgemaakte content te creëren

Pagebuilders bieden je extra tools waarmee je je content eenvoudig in unieke lay-outs kunt rangschikken. Pagebuilders verwijderen doorgaans de TinyMCE-contenteditor aan de backend en vervangen deze door (of voegen toe aan) een nieuwe editor die je helpt je content te visualiseren. Als je nog nooit een backend-pagebuilder hebt gebruikt, stel je dan een reeks blokken voor waarbij elk blok een type content vertegenwoordigt: een afbeelding, tekst of een shortcode. Vervolgens kun je die slepen en neerzetten in verschillende lay-outs en kolommen.

Naast de lay-out maken pagebuilders ook het maken en plaatsen van shortcodes eenvoudiger. Vroeger zag je shortcodes in al hun ruwe vorm. Je zag de vierkante haken met alle attributen en waarden kriskras door je content heen staan. Pagebuilders voegen vaak shortcode-makers toe – pop-upvensters die het kiezen van shortcode-attributen een stuk gebruiksvriendelijker maken dan ze handmatig in te moeten typen.

Frontend-pagebuilders zijn de toekomst

Hoewel dit alles een betere ervaring biedt voor ontwerpers en contentmakers, kleeft er aan een backend-pagebuilder een enorm inherent probleem. Hoewel je een visuele weergave ziet van hoe je content eruit zou zien, is wat je ziet niet je daadwerkelijke content. Dit leidt ertoe dat mensen voortdurend de preview van hun pagina’s bekijken om te controleren of wat ze doen wel klopt. Bij het gebruik van backend-pagebuilders klik ik zelf gerust minstens 20 keer op de preview-knop, puur om te controleren of mijn content goed is uitgelijnd of dat mijn marges gelijkmatig zijn verdeeld. Dit is een enorme, tijdrovende ergernis.

Om dit ongemak op te lossen, moeten pagebuilders naar de frontend worden gebracht. Als dit gebeurt, verdwijnt het giswerk bij de pagina-opmaak, omdat je de resultaten direct ziet.

Op dit moment zijn er heel veel backend-pagebuilders en slechts een handjevol frontend-pagebuilders. Tot dat selecte groepje behoort Page Builder Sandwich. Als je meer wilt weten over wat Page Builder Sandwich uniek maakt en waarom het de juiste tool voor jou is, lees dan het artikel Hoe Page Builder Sandwich verschilt van de rest.