Wat ik zou doen is de tekst je naam uit de header verwijderen of beter gezegd verbergen -/buiten beeld zetten. Zo is het wel nog zichtbaar voor zoekmachines maar niet voor bezoekers omdat deze altijd op logo’s klikken om naar de homepage terug te keren.
Hoe je dat doet?
In het Menu naar:
Weergave > Editor >
Dan open je het bestand Header (header.php) aan de rechter kant.
En zoek je deze code op, staat redelijk bovenaan.
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
Achter die </h2> <— HIER knipper knipper!
Ga je met je cursor staan en druk je 1 keer op Enter.
Dan plak je daar deze code in en druk je op opslaan van het bestand.
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>"><img src="http://www.vecd.nl/wp-content/uploads/het-logo.jpg" alt="Van Elburg Chauffeursdiensten"></a>
Dan,
Open we het bestand Stylesheet (style.css) en zoeken we deze regel op:
#branding hgroup {
margin: 0 7.6%;
}
Van die margin: 0 7,6%; gaan we de 7,6% verwijderen. Zodat het er zo uitziet.
#branding hgroup {
margin: 0;
}
Daarna zoeken we deze regel op:
#site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
}
En aan deze code voegen we dit toe:
#site-title {
position: absolute;
top: -9999px;
left: -9999px;
margin-right: 270px;
padding: 3.65625em 0 0;
}
En als laatste een paar regels onder de code hierboven staat dit:
#site-description {
color: #7a7a7a;
font-size: 14px;
margin: 0 270px 3.65625em 0;
}
En daar voegen we ook weer diezelfde code toe zodat het dit wordt:
#site-description {
position: absolute;
top: -9999px;
left: -9999px;
color: #7a7a7a;
font-size: 14px;
margin: 0 270px 3.65625em 0;
}
Dan sla je het bestand weer op en als het goed is krijg je dan zoiets als dit.
Screenshot
Zie je dat je logo nu over de hele breedte wordt getrokken terwijl deze eigenlijk maar 300 pixels breed is? Ja dat is niet erg mooi ik weet het maar wat je nu alleen nog moet doen is je logo afmetingen aanpassen en dit kun je heel erg mooi maken want kijk wat het voordeel is van een header image (logo) over de hele breedte.
Smartphone
Mijn advies is dus om die Grijs naar Witte achtergrond van het logo over 1000pixels breed te laten lopen en dan je logo zelf kleiner maken zodat deze niet over 1000pixels breed staat anders ziet dat lelijk uit in het zoekvenster.
