Waarom jouw website een ‘Option page’ nodig heeft.

Voor veel van onze klanten gebruiken wij Advanced Custom Fields (ACF) pro. Een plugin die ervoor zorgt dat je extra velden kan toevoegen aan pagina’s. Dit geeft de eindgebruiker meer flexibiliteit in de content op hun website zonder dat zij zelf templates moeten aanpassen. Een meer verborgen functie binnen ACF waar nog niet iedereen gebruik van maakt is de option page.

Option Page
Robbert Vrijbloed

door Robbert Vrijbloed

Published: februari 16, 2022
Last modified: februari 21, 2022

Een option page is een globale pagina binnen jouw wordpress omgeving waar je data kan opslaan. Deze data is makkelijk toegankelijk vanuit elke pagina binnen jouw website. Dit maakt het ideaal om globale website informatie op te slaan, denk aan: jouw telefoonnummer, e-mailadres, adres of openingstijden. Wanneer het telefoonnummer veranderd kan deze makkelijk op één plaats worden aangepast, vervolgens wordt deze door de hele website aangepast. 

Mijn meest relevante ervaring hiermee is een klant die een vanaf-prijs had voor zijn hoofddienst. Deze prijs stond door de hele website vermeld. Toen het nieuwe jaar begon wilde hij zijn prijs verhogen. Dankzij de option page kon ik gemakkelijk zijn prijs door de hele website heen aanpassen zonder bang te hoeven zijn dat ik het ergens zou zijn vergeten. 

Nu denk jij natuurlijk: dat wil ik ook! En je hebt geluk. Hieronder leg ik jou uit hoe je zelf een option page aanmaakt.

Let op, om de option page te activeren heb je Advanced Custom Fields PRO nodig. 

Stap 1: activeer de option page

Als je ACF pro hebt geïnstalleerd dan is het activeren van de option page eigenlijk een hele simpele klus. Onderstaande code moet je toevoegen aan de functions.php binnen jouw (child) theme. Wanneer je gebruik maakt van Oxygen kan je hiervoor de plugin: “Advanced Scripts” gebruiken. Anders kan je de plugin: “Advanced Custom Fields: Options Page” gebruiken.

[code acf option page]

Wanneer de code correct is toegepast zal het volgende menu item zichtbaar worden in de back-end. 

Stap 2: een groep toewijzen aan de option page

Binnen ACF kan je een nieuwe groep toevoegen met de velden die jij graag dynamisch wilt gebruiken. Vervolgens kies je voor de volgende locatie van jouw groep:

Opties pagina > gelijk is aan > Options

Wanneer dit correct is ingesteld zou je jouw groep terug moeten zien in de option page. 

Stap 3: Ophalen van jouw data

Nu je een globale plek hebt gecreëerd voor jouw data wil je deze natuurlijk ook graag kunnen ophalen. Binnen de Oxygen builder kan je sinds versie 3.9 de data van je option page ophalen door middel van ‘dynamic content’. Maar in een WordPress thema moet je de volgende code gebruiken:

[code act option]

Ik hoop dat deze informatie nuttig was voor jou. Wil je ook graag gebruik willen maken van de option page binnen jouw WordPress website, maar kom je er niet uit met bovenstaande stappen plan? Neem dan contact met ons op en wij helpen je verder.

Winkelwagen