Modulaire opbouw WordPress website

Met een paar kliks een landingspagina opbouwen met maatwerk functionaliteiten? Wie wil dat nou niet?

Wij wel en onze klanten ook. Daarom is het aanbieden van een modulaire responsive WordPress website bij ons de standaard. Waar we vorige jaar nog voor elke ‘bijzonder’ uitziende pagina een template moesten ontwikkelen, werken we nu met slechts een paar dynamische en flexibele templates in een thema. Super gebruiksvriendelijk voor de beheerder en schaalbaar voor de toekomst.

Steeds vaker hebben onze klanten de wens om flexibel om te kunnen gaan met content en functionaliteiten binnen een template of pagina. Logisch. Naast een simpele en overzichtelijke structuur is ook juist dynamiek en interactie een belangrijk onderdeel van een online platform.

Advanced Custom Fields

Deze modulaire opbouw bieden wij aan door pagina’s en berichten op te bouwen en te verrijken met Advanced Custom Fields. Met wat? Ja… met de plugin ACF kunnen wij functionaliteiten en allerlei soorten content aanbieden als gebruiksvriendelijke ‘velden’. ACF maakt het mogelijk om deze velden op verschillende manieren op te bouwen en gebruik te maken van verschillende relaties en met verschillende soorten data. De vele filters en hooks in de code maakt het mogelijk in te haken op bestaande functionaliteiten en deze uit te bereiden met nieuwe functionaliteiten en externe koppelingen. Erg fijn voor onze developers.

Hoe doen wij dat?

Zonder dat we nu te gedetailleerd en te technisch worden; Per pagina kan je instellen welke velden getoond moeten worden en in welke vorm en met welke content. Hierdoor kunnen wij maatwerk ontwikkelen, is de niet-technische gebruiker toch vrij zelf verschillende pagina’s op te bouwen en blijven we binnen de lijntjes kleuren van een visueel ontwerp.

modulaire content blokken in WordPress

Pagina’s bestaan niet langer uit een enkele content editor, maar worden flexibel opgebouwd uit meerdere content blokken. Zo’n blok kan een simpele content editor zijn, maar ook minder standaard blokken met een unieke functionaliteit kunnen bedacht of ontworpen worden voor een specifieke site. Niet langer heb je voor iedere andere layout een template nodig. Je kunt alles creëren met één enkel template en daarmee eindeloos variëren.

Dankzij ACF bieden wij veel gemakkelijker een maatwerk website en een super gebruiksvriendelijk WordPress CMS. Het beheren en lanceren van pagina’s met verschillende blokken content, headers, video’s en formulieren wordt een fluitje van een cent. Artikelen en pagina’s vervolgens koppelen aan medewerkers en/of gerelateerde artikelen lukt vervolgens iedereen. Ja écht iedereen.

Screen met schematische weergave contentblokken

Praktisch voorbeeld: Camping Frankrijk

In onderstaande video nemen we Camping Frankrijk als voorbeeld.

Gestructureerde flexibiliteit

Door deze modulaire velden met content en functionaliteiten kunnen we gestructureerde flexibiliteit aanbieden. Aan de ene kant moet het mogelijk zijn een pagina te bouwen die afwijkt van een standaard pagina’s of bericht. Aan de andere kant is het gezien de consistentie in layout en dus de usability niet de bedoeling dat een beheerder helemaal ‘los’ gaat. Je website mag geen speeltuin worden.

Tijdens de ontwikkeling van het concept en de structurele fase definiëren we de benodigde modulaire blokken die flexibel door de website heen ingezet kunnen worden. Het is van groot belang vooraf goed na te denken over de verschillende onderdelen die passen bij het project en het ontwerp.

LEGO on steroids

Zie deze opbouw als ‘LEGO on steroids’. LEGO-stenen zijn er in een hele hoop maten, vormen en kleuren en iedereen kan ermee overweg. Omdat de LEGO blokken altijd bestaan uit vaste formaten en standaard kleuren is het mogelijk om verschillende blokken te stapelen en te combineren. In onze ogen moet een beheerder van een website op eenzelfde manier zijn pagina’s kunnen indelen.

lego stenen ter illustratie

Voordelen

Mocht je onze enthousiasme toch nog niet helemaal begrijpen; Hieronder de voordelen van deze modulaire opbouw op een rijtje. Deze modulaire opbouw van pagina’s heeft een aantal grote voordelen:

  • De bouwstenen zijn eenvoudig uit te breiden (schaalbaarheid, toekomstbestendig).
  • Elementen in de website zijn consistent. Dit zorgt voor rust en duidelijkheid.
  • Voor het opbouwen van een pagina hoef je geen techneut te zijn.
  • Door per blok opties mee te geven, zorgen we ervoor dat elementen consistent qua vorm zijn, maar een beheerder nog steeds vrij is om bijvoorbeeld de juiste steunkleur te kiezen bij een geplaatste video of afbeelding.
  • Bij het aanbieden van content op een mobiel apparaat kunnen we selectiever zijn in het tonen van content of zelfs opnieuw de bouwstenen ordenen.

“De heldere documentatie van ACF is een verademing en het wordt voor mij als developer heel makkelijk gemaakt om in de plugin in te haken. Ik ben bezig met een add-on voor ACF die het mogelijk maakt om conditionele regels op te stellen voor de verschillende velden. Met die add-on wordt je website context aware en kun je als beheerder content automatisch laten veranderen op basis van het weer, de tijd of waar je bezoeker zich op de wereld bevindt.”

Jos AchterbergDeveloper

ACF the next level

ACF is heel fijn in gebruik en het heeft het leven van onze developers een stuk makkelijker gemaakt, maar we zouden Level Level niet zijn als we de grens niet opzoeken. Een mooi voorbeeld daarvan is onze add-on voor contextuele elementen. Met deze tool kunnen beheerders zelf ‘simpel’ contextuele elementen publiceren. Hiermee verandert de content automatisch op basis van bijvoorbeeld het weer, de tijd of waar je bezoeker zich op de wereld bevindt. Wordt vervolgd dus…