Plugins waar we niet zonder kunnen: Advanced Custom Fields

In deze serie kijken we naar plugins waar wij als Fris Online niet meer zonder kunnen tijdens het bouwen van WordPress websites. Nadat we eerst gekeken hadden naar onze favoriete formulieren oplossing GravityForms en de marketing-plugin OptinMonster is het nu de beurt aan Advanced Custom Fields.

Wat is Advanced Custom Fields?

Met Advanced Custom Fields (ACF) kan je zogenaamde ‘custom velden’ toevoegen aan WordPress. Een voorbeeld van een veld is bijvoorbeeld de titelbalk of het WYSIWYG veld waarmee je pagina’s of berichten voorziet van jouw content. Met ACF kan je verschillende soorten velden toevoegen zoals een eenvoudig tekstveld, een datum keuze veld of de mogelijkheid van het plaatsen van een afbeelding.

Wat is daar nou zo handig aan?

Voor mij betreft draait het bij ACF om controle. Zo kan je als website ontwikkelaar allerlei specifieke velden aanmaken en deze velden verwerken in de template bestanden van je WordPress thema. Waar je de velden plaatst, hoe je deze weergeeft en wat je er qua data mee doet bepaal je helemaal zelf. Zo heb je volledig de controle over wat waar getoond wordt en op welke manier.

Heel handig dus als website ontwikkelaar maar ook zeker net zo handig als de gebruikers van je website. Met ACF wordt het plaatsen van content stukken eenvoudiger. De gebruiker hoeft alleen maar de tekst, data of afbeeldingen toe te voegen en zich verder geen zorgen te maken over de opmaak. Er komt geen regel code aan te pas en jij bepaalt zelf welke velden verplicht zijn om te vullen. Geen gedoe dus meer met HTML opmaak en dan maar hopen dat het goed gaat. De WordPress WYSIWYG editor werkt immers niet altijd even lekker als het om code gaat.

Advanced Custom Fields in de praktijk

Recentelijk hebben wij ACF gebruikt voor een website die motoren verhuurt. Op de site worden alle motoren getoond die verhuurd worden waarbij elke motor een eigen pagina heeft. Op de pagina zijn alle details te vinden van de motor zoals de huurprijzen, de specificaties van de motor en een korte beschrijving. Al deze content wordt eenvoudig ingevuld met custom velden. Zo is er bijvoorbeeld een invoerveld voor de motorinhoud, de dagprijs en het vrije aantal kilometers.

Door met deze custom velden te werken hoeft alleen maar de content door de website eigenaar ingevuld te worden. Over het hoe en waar deze content geplaatst wordt op de pagina hoeven ze zich totaal geen zorgen te maken. Dat hebben wij immers achter de schermen voor ze geregeld.

Meer dan alleen velden

Naast het voorbeeld van de motoren hebben we ACF ook gebruikt voor het ontwikkelen van een kalenderfunctionaliteit. Met deze functionaliteit kan een gebruiker eenvoudig een agenda item aanmaken en bepaalt de data uit het datumveld of het agenda item nog getoond moet worden op de website. Ligt de datum in het verleden dan wordt het item niet meer getoond. Zo hoeft de gebruiker alleen maar eenmalig het agenda item aan te maken, de custom velden te vullen en verder niets. Wij hebben door het bewerken van de ingevulde data alles super eenvoudig gemaakt.

Hoe werkt het precies

Met ACF kan je op vrij eenvoudige wijze groepen maatwerk velden aanmaken. Met een drag-and-drop interface kies je zelf de custom velden die je wilt gebruiken. Je bepaalt de volgorde waarde de velden verschijnen in de WordPress backend, of ze verplicht zijn en of er sprake moet zijn van conditionele logica.

Nadat je de groep met custom velden hebt aangemaakt bepaal je zelf waar en wanneer deze custom velden getoond worden. Bijvoorbeeld op een specifieke pagina(template) of bij een custom post type. Daarnaast bepaal je wat er met de standaard WordPress velden moet gebeuren, laat je ze staan of wordt alles vervangen door jouw eigen custom velden.

Nadat je de custom velden hebt aangemaakt kan je deze velden toevoegen aan de template bestanden van je WordPress thema. Laat je alleen het veld zien, maak je een veld onderdeel van een WordPress loop of een uitgebreide ‘if else’ statement; de keuze is geheel aan jou. Jij bent immers in controle.

Hoe waardeer je dit bericht?
Niels Pilon

Over Niels Pilon

Niels is WordPress webdesigner pur sang. Naast zijn voorliefde voor WordPress om de meest waanzinnige website op te ontwikkelen, heeft Niels erg veel op met typografie. Hij bezoekt daarnaast veel conferenties over Responsive Webdesign om altijd volledig op de hoogte te blijven van wat er speelt in het vakgebied!

Ook interessant

E-Commerce in opmars

Waarom wij Content First werken

Google AdWords tips voor meer rendement

Tips om je Google AdWords rendement te verhogen


Wij werken onder andere voor

mautic is open source marketing automation

Niets meer missen?

 

 

Vul je gegevens in, dan houden wij je

op de hoogte van het laatste nieuws. 

Relax, we houden zelf ook niet van spam. We zullen je e-mail adres niet verkopen en sturen je niet vaker dan 1x per maand een bericht.