Selecteer een pagina

Een kruimelpad op je website is niet alleen makkelijk voor de bezoeker, maar is ook nog eens een verbetering voor je seo (zoekmachineoptimalisatie) Nu kun je aan je WordPress website vrij gemakkelijk een kruimelpad toevoegen wanneer deze niet standaard in het thema aanwezig is.

In dit korte stukje uitleg ga ik er van uit dat de SEO plugin Yoast geïnstalleerd en geactiveerd is, wanneer je in de SEO plugin naar het kopje interne links gaat vind je daar onderaan de volgende code:

<?php if ( function_exists(‘yoast_breadcrumb’) ) {yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’);} ?>

Deze code kopieer je en plak je in de Header.php, plaats de code daar waar je wil dat het kruimelpad verschijnt, wil je dat het kruimelpad onder het menu verschijnt zet dan de code ook onder de code van het menu en voor de sluit tag: </header>

Activeer vervolgens in de plug in het gebruik van het kruimelpad door de checkbox aan te vinken bij: Gebruik kruimelpad

Wanneer je dit gedaan hebt zie je als het goed is nu het kruimelpad op je site verschijnen. Nu het kruimelpad erop staat kun je de instellingen voor het kruimelpad in de seo plug in aanpassen onder het kopje interne links. Hieronder een voorbeeld afbeelding van hoe ik de instellingen heb in gesteld:

kruimelpadinstellingen

Nu je het kruimelpad op de website hebt staan ben je misschien niet tevreden over de opmaak, dit kun je aanpassen door een code toe te voegen aan de style.css van je website. Zet de onderstaande code in je style.css en pas de lettergrootte en kleur aan naar je eigen wens. In de onderstaande code is de tekst kleur zwart, heb je liever een andere kleur dan kun je de kleurcode van de kleur die jij graag hebt vinden op: www.colorpicker.com

CSS code kleur en lettergrootte kruimelpad:

#breadcrumbs {
font-size: 12px;
color: #000;
}

Mocht het nou zo zijn dat je er nu nog niet helemaal uitkomt neem dan gewoon even contact op met mij door of hieronder te reageren of door te mailen naar info@mediaonderhoud.nl

Vriendelijke groet John Bijl