Advanced Custom Fields (ACF) is een populaire WordPress-plugin waarmee je eenvoudig extra velden kunt toevoegen aan pagina’s, berichten, of andere inhoudstypen. Dit maakt het mogelijk om op maat gemaakte gegevens aan je website toe te voegen zonder dat je zelf moet coderen.
In deze instructie leggen we stap voor stap uit hoe je ACF installeert, configureert, en gebruikt.
Voordat je ACF kunt gebruiken, moet je de plugin installeren via het WordPress-dashboard.
Met ACF kun je groepen van velden maken die aan specifieke pagina’s, berichten of andere inhoudstypen worden toegevoegd.
Klik op Veld toevoegen om de velden aan je veldgroep toe te voegen. Je kunt verschillende soorten velden toevoegen, zoals tekst, afbeeldingen, knoppen, enz.
Voeg meerdere velden toe als dat nodig is voor jouw project, zoals bijvoorbeeld een Afbeelding of E-mailadres.
Onder het kopje Locatie kun je instellen waar de velden moeten verschijnen. Bijvoorbeeld:
Nu je een veldgroep hebt gemaakt, kun je de velden invullen op de gekozen pagina’s of berichten.
Onder de normale inhoud-editor (waar je je tekst en afbeeldingen toevoegt), zie je nu de ACF-velden die je hebt aangemaakt. Vul de velden in. Bijvoorbeeld:
Klik op Bijwerken of Publiceren om de wijzigingen op te slaan.
Nu de velden zijn ingevuld, moeten ze worden weergegeven op de voorkant van je website. Dit doe je door de juiste PHP-code toe te voegen aan je themabestanden (bijvoorbeeld in een sjabloon zoals index.php, single.php of page.php).
Om de waarde van een veld weer te geven, gebruik je de volgende code in het juiste sjabloonbestand. Bijvoorbeeld, om een telefoonnummer weer te geven:
<?php
if (get_field('telefoonnummer')) {
echo '<p>Telefoonnummer: ' . get_field('telefoonnummer') . '</p>';
}
?>
Je kunt soortgelijke code gebruiken voor andere velden, zoals afbeeldingen:
<?php
$afbeelding = get_field('afbeelding');
if ($afbeelding) {
echo '<img src="' . $afbeelding['url'] . '" alt="' . $afbeelding['alt'] . '">';
}
?>
Na het toevoegen van de code, sla je het bestand op en upload je het weer naar de server als je via FTP werkt.
Nu de ACF-velden zijn toegevoegd aan de sjablonen, kun je je website controleren:
ACF biedt veel geavanceerde opties. Hier zijn een paar extra functies die je kunt verkennen:
Met de Repeater kun je meerdere items van hetzelfde type toevoegen (bijvoorbeeld meerdere telefoonnummers of afbeeldingen). Dit is handig als je herhalende inhoud wilt beheren.
Met Flexible Content kun je dynamische inhoudsblokken maken, zodat je pagina’s kunt opbouwen met verschillende secties die je kunt verslepen en herschikken.
Je kunt ook instellen dat bepaalde velden alleen worden weergegeven als aan bepaalde voorwaarden wordt voldaan (bijvoorbeeld als een specifiek veld een bepaalde waarde heeft).
Je hebt nu geleerd hoe je de plugin Advanced Custom Fields kunt gebruiken in WordPress. Met ACF kun je eenvoudig extra gegevens aan pagina’s, berichten, en andere inhoudstypen toevoegen en deze op maat weergeven op je website. Dit biedt veel flexibiliteit en maakt het beheren van dynamische inhoud een stuk eenvoudiger, zonder dat je veel hoeft te coderen.
Veel succes met het gebruiken van ACF in je WordPress-projecten!
<aside> 💡 Sinds 12 oktober 2024 wordt Advanced Custom Fields (ACF) geweerd van de plugin-directory van Wordpress, volgens Automattic, de eigenaar van Wordpress, omdat ACF niet veilig zou zijn. Ze hebben hun eigen fork naar voren gebracht, onder de naam Secure Custom Fields (SCF). AFC is nog steeds te downloaden vanaf de site . Via de plugins-optie in het Dashboard van WP kun je SCF installeren.
Zie een artikel op deze website voor meer achtergrond-informatie over deze kwestie.
</aside>