Hoe kan je een tijdelijke melding toevoegen aan je WordPress website?
Heb je een tijdelijke promotie of een open-deur dag die je wil publiceren op je WordPress website? Misschien ga je binnenkort wel op vakantie en wil je je klanten laten weten dat je er even tussenuit bent? Je kan hiervoor uiteraard een plugin installeren, maar onderstaande code zal een eenvoudige banner op je website plaatsen zonder plugin.
Gebruik WordPress hooks om “in te haken” op je webpagina.
WordPress beschikt over een aantal standaard locaties (hooks) op je webpagina waar je met een aantal lijntjes code bijvoorbeeld teksten kan laten verschijnen. Hooks zijn een manier voor een stuk code om te communiceren met een ander stuk code op specifieke, vooraf gedefinieerde plaatsen. Ze vormen de basis voor de interactie tussen plugins en thema’s en WordPress Core, maar ze worden ook uitgebreid gebruikt door Core zelf.
De grootste uitdaging zal er in bestaan om op basis van het geïnstalleerde thema te achterhalen welke locaties (hooks) er beschikbaar zijn op de pagina.
Hoe kan je best op zoek naar de beschikbare ‘hooks’?
Op basis van mijn persoonlijke ervaringen zou ik je aanraden om even de naam van het geïnstalleerde WordPress thema op te zoeken om vervolgens onderstaande zoekopdracht in te geven in je favoriete zoekmachine

Hoe kan je een stukje code toevoegen aan je WordPress website?
Wil je op een veilige en eenvoudige manier stukjes code toevoegen aan je website zonder direct aanpassingen te doen in de bronbestanden van je website? Maak dan gebruik van die ene superinteressante plugin Code Snippets
De code snippet om een banner toe te voegen aan je WordPress website.
add_action('genesis_entry_header' , 'mijnbanner');
function mijnbanner(){
if ( is_page() ) {
echo '<div class="banner-container">';
echo '<p class="banner-copy">We zijn in verlof van 01 juli tot en met 15 juli</p>';
echo '</div>';
}
}
Welke elementen uit bovenstaande code moet je vervangen door je eigen elementen?
genesis_entry_header is de hook waar ik met mijn WordPress thema de banner laat inhaken, die zal je moeten vervangen door de hook van jouw thema die hier best bij aansluit.
mijnbanner is een naam die ik zelf heb verzonnen voor de functie. Je kan deze naam gebruiken, maar je mag hem eveneens vervangen door een je eigen naam. Vervang je hem? Hou er dan rekening mee dat je jouw gekozen naam ook moet gebruiken op de regel function mijnbanner()
Hoe kan ik de stijl van de banner aanpassen?
Je merkt in het voorbeeld dat het <div> element en het <p> element een klasse hebben meegekregen. Met behulp van die klassenaam kan je via CSS je banner een achtergronkleur geven, en uiteraard ook spelen met de kleuren en het formaat van de letters.
Hulp nodig bij het installeren van deze banner snippet op je website?
We staan voor je klaar, contacteer ons gerust via onderstaand formulier en we proberen je zo snel als mogelijk uit de nood te helpen.