Om specifieke woorden automatisch te markeren met een achtergrondkleur in WordPress, kun je gebruikmaken van aangepaste CSS-stijlen en een filterfunctie. Hier is een voorbeeld van hoe je dit kunt doen:
- Open het functions.php-bestand van je WordPress-thema.
- Voeg de volgende code toe aan het bestand:
function highlight_specific_words($content) {
$highlighted_words = array('XXX', 'YYY');
$replacement = '$0';
$content = preg_replace('/\b('.implode('|', $highlighted_words).')\b/i', $replacement, $content);
return $content;
}
add_filter('the_content', 'highlight_specific_words');
De bovenstaande code definieert een filterfunctie genaamd ‘highlight_specific_words‘. Hierin worden de specifieke woorden (‘XXX’ en ‘YYY’) gedefinieerd die je wilt markeren. Vervolgens wordt er een aangepaste CSS-klasse ‘highlighted’ toegevoegd aan elk voorkomen van deze woorden.
- Ga naar het CSS-bestand van je thema (meestal style.css) en voeg de volgende code toe om de markering weer te geven:
.highlighted {
background-color: yellow;
}
Dit stukje CSS definieert de achtergrondkleur ‘geel’ voor alle elementen met de klasse ‘highlighted’.
- Sla het functions.php-bestand en het CSS-bestand op en upload ze naar je WordPress-thema.
Als je nu de woorden ‘XXX’ of ‘YYY’ in je bericht of pagina gebruikt, zullen ze automatisch worden gemarkeerd met een gele achtergrondkleur wanneer de inhoud wordt weergegeven. Let op dat deze functionaliteit alleen van toepassing is op de inhoud van berichten en pagina’s, niet op andere gebieden zoals titels of zijbalken.
Merk op dat het toevoegen van aangepaste code aan je thema kan worden beïnvloed tijdens thema-updates. Het is raadzaam om een child-thema te gebruiken om je wijzigingen te behouden en eventuele conflicten met toekomstige updates te voorkomen.