Byt Logga WordPress admin

WordPress Login: Byt logga till din egna

Om du som jag gillar att ibland göra det det lilla extra, t ex att få något se lite bättre ut. Då är det här kanske för dig.

När du ska logga in till din WordPress sajt kommer du först till sidan där du skriver in dina inloggningsuppgifter. Den har då en generell och lite tråkig WordPress logga. Varför inte istället ha din sajts logga?

Varför kanske du undrar? Ja för att det är snyggt, såklart! Det har ingen som helst funktion annat än det. Dock kan det underlätta om du har flera olika WordPress installationer, du vet då exakt vilken sida du är på väg att logga in på.

Så här byter du logga i 3 enkla steg. Eller två om du nöjer dig med endast en ny logga.

Standardinloggningen

Så här ser det ut ”out of the box”;

Wordpress Inloggningssida

Wp-loggan är ju i sig snygg, enligt mig, men det ser ganska opersonligt och lite tråkigt ut. Vi kan göra det bättre.

Här är de 3 enkla stegen

Steg 1 – Öppna upp ditt FTP-program (jag använder FileZilla – det är gratis!) och navigera till din temafolder. Den hittar du oftast här: /dindoman.se/wp-content/themes/ditt-tema

Steg 2 – Öppna upp denna fil Functions.php i en texteditor (jag använder Notepad++ – även den gratis!) och lägg i slutet av filen in denna kodsnutt;

//* Byt WP-Login Logga
function my_login_logo() { ?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(http://www.dindoman.se/wp-content/themes/ditt-tema/images/site-login-logo.png);
padding-bottom: 30px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

//* Byt WP-Login Logga Link
function my_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
return 'YOUR SITE NAME HERE';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );

Första delen av denna kod är den som lägger in en ny logga. Nu behöver du bara se till att ladda upp din logga i ditt temas bildmapp och ändra bildnamnet samt url:en i koden till dina exakta uppgifter. Använd gärna en logga i .png formatet, detta då den behöver vara transparent.

Den andra delen byter ut adressen som loggan länkar till. Den tar istället och länkar till din siteurl, istället för WordPress.

Steg 3 – Nära slutet av kodstycket du just lagt in så ser du denna linje med kod;

return 'YOUR SITE NAME HERE';

Byt ut ‘YOUR SITE NAME HERE’ till den ankartext du vill använda istället (jag valde ComClick), spara sedan filen och ladda upp den till samma folder som du laddade ned den från. Uppdatera din login sidan och klart!

Din nya inloggningssida

Wordpress inloggning med egen logga

Där är det klart. Enkelt, snyggt och riktigt onödigt. Skulle du inte gilla att fippla med kod så finns det plugins som kan lösa detta åt dig. Testa förslagsvis detta; Uber Login Logo

Tack och välkommen!

Lämna en kommentar

E-postadressen publiceras inte. Obligatoriska fält är märkta *