Ik heb de Werken bij F&J website voorzien van een dynamische vacaturepagina door gebruik te maken van ACF, zodat gegevens flexibel en automatisch worden geladen Ook heb ik Display Conditions toegepast, waardoor teksten zich aanpassen op basis van gegeven informatie zoals tijd.
Tijdens deze opdracht heb ik gebruik gemaakt van:
Advanced Custom Fields (ACF) is een populaire plugin voor WordPress waarmee je eenvoudig aangepaste velden kunt toevoegen aan berichten, pagina's en andere contenttypes op je website. Dit geeft je meer controle over hoe je content opslaat en weergeeft, en biedt de mogelijkheid om dynamische en flexibele websites te bouwen zonder dat je diepgaande programmeerkennis nodig hebt.
Wat zijn Display Conditions in Elementor? In Elementor kun je Display Conditions gebruiken om te bepalen wanneer een bepaald element of sectie op je pagina zichtbaar moet zijn. Je kunt bijvoorbeeld een element alleen laten zien op bepaalde pagina's, voor ingelogde gebruikers, of op basis van aangepaste instellingen zoals tags, categorieën of zelfs ACF-velden die je met Elementor kunt integreren.
Ik wilde een volledig dynamische vacaturepagina bouwen voor de Werken bij F&J website, en ik ga je uitleggen hoe ik dit heb gerealiseerd. Bij een standaard WordPress-pagina in het CMS kun je doorgaans enkele basisgegevens invullen, zoals de paginatitel, een samenvatting en een uitgelichte afbeelding. Deze gegevens worden vervolgens op de voorkant van de website weergegeven. Dit is prima voor veel soorten pagina’s, maar voor een vacaturepagina is meer flexibiliteit nodig om specifieke informatie voor elke vacature in te vullen en dynamisch weer te geven.
Met de kracht van Advanced Custom Fields (ACF) komen de mogelijkheden echter pas echt tot leven. ACF stelt je in staat om aangepaste velden toe te voegen aan de pagina’s, zodat je naast de standaard gegevens zoals titel en samenvatting, ook veel gedetailleerdere informatie kunt invullen.
Bijvoorbeeld, velden voor bedrijfsnaam, functieomschrijving, eisen voor de vacature, locatie en zelfs specifieke foto’s die bij de vacature horen. Je kunt dit alles configureren in het WordPress CMS, zonder dat de vormgeving van de website hoeft te veranderen.
Wat dit zo krachtig maakt, is dat ik de ACF-velden direct heb gekoppeld aan de elementen op de voorkant van de pagina. Dit betekent dat elke keer wanneer ik iets invul aan de achterkant (in het CMS), het automatisch wordt weergegeven op de pagina. Dus, stel je voor dat er nieuwe informatie wordt toegevoegd voor een vacature, zoals een update in de functie-eisen of een nieuwe bedrijfsomschrijving. Zodra deze velden aan de achterkant worden ingevuld, wordt de inhoud op de vacaturepagina automatisch aangepast zonder dat ik handmatig iets hoef te veranderen aan de layout of de structuur van de pagina.
Omdat ik zelf erg geïnteresseerd ben in ACF, besloot ik verder te verkennen wat ik ermee allemaal kon doen. Een van de belangrijkste voordelen van ACF is de mogelijkheid om dynamische inhoud te creëren die aangepast kan worden op basis van verschillende factoren. Bijvoorbeeld, voor de stagevacaturepagina en de normale vacaturepagina wilde ik USPs (unique selling points) tonen die specifiek zijn voor de doelgroep. Hiervoor heb ik een meerkeuze-optie toegevoegd om het type vacature te bepalen. Op basis van de keuze wordt automatisch het juiste element ingeladen, zodat de informatie altijd relevant en gepersonaliseerd is.
De Display Conditions heb ik toegepast op de contactpagina van de Werken bij F&J website om de tekst dynamisch aan te passen op basis van de openingstijden van het bedrijf.
Op de contactpagina heb ik een tekstwidget toegevoegd die automatisch de boodschap aanpast afhankelijk van het tijdstip waarop de bezoeker de pagina bekijkt. Als de bezoeker de pagina bezoekt tijdens de openingstijden, verschijnt de tekst: “Wij zijn geopend tot 17:00 uur”. Buiten de openingstijden, bijvoorbeeld na 17:00 uur, wordt automatisch de tekst “Helaas, wij zijn gesloten” weergegeven.
Ben je benieuwd naar het eind resultaat? neem dan een kijkje op de website!
