Je eigen logo plaatsen bij wordpress inlog
Als je voor jezelf of een ander een website hebt gebouwd, dan vind je branding waarschijnlijk een belangrijk item. Je bent trots op je logo en dat maakt je identiteit herkenbaar. Je logo laat je waarschijnlijk al zien in je header, bovenaan je pagina. Maar als jij of je gebruikers gaat inloggen dan zie je het logo van wordpress in plaats van je eigen logo.
Weet je niet waar je moet inloggen? In deze tutorial leg ik je uit waar je moet inloggen op je wordpress site.
Het is natuurlijk veel mooier als je hier je eigen logo hebt staan. Ik leer je hoe je dit voor elkaar krijgt.
Ieder theme heeft een bestand genaamd functions.php. Met dit bestand kun je wordpress en je wp theme helemaal aanpassen naar wens. Enig verstand van zaken is gewenst en maak eerst een backup van je bestanden, zodat je alles terug kunt zetten als er iets fout gaat.
Ik maak gebruik van Notepad++ om mijn bestanden aan te passen.
Open functions.php in Notepad++. Je vindt dit bestand in je theme map:
>> voorbeeld.nl/wp-content/themes/naamvanjetheme/functions.php
Plak deze tekst bovenaan het bestand functions.php, maar 1 regel onder “<?php”
/**custom logo wp-inlog.php**/
function my_login_logo() { ?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(<?php echo get_site_url(); ?>/wp-content/uploads/logo.png);/**Vul de link naar de afbeelding in**/
background-size: 290px 41px; /**Vul de breedte+hoogte in**/
width: 290px; /**Vul de breedte in**/
height: 41px; /**Vul de hoogte in**/
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
/** custom url wp-inlog.php**/
function my_login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
return 'Naam van je Site'; /**Vul de naam van de site in**/
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' ); |
Verander de nodige instellingen waar instructies staan aangegeven tussen /**tekst**/