Synes du også standardlayoutet på WordPress’ login-side er lidt kedeligt, eller har du måske brug for at tilpasse det til en klient så det følger websitets layout?

Så er det heldigvis ret let at komme i gang med at tilpasse login-siden, og fremgangsmåden er som følger.

OBS: Det anbefales på det kraftigste at du benytter et child theme, på den måde undgår du at komme til at overskrive eventuelle tilføjelser og rettelser af filer ved en senere opdatering af temaet du benytter på din hjemmeside.

1) Opret stylesheet

Først skal du oprette et nyt separat stylesheet, i hvilket du kan placere CSS’en til tilpasning af din login-side.

Dette oprettes via FTP eller anden fil-manager, og bør placeres i mappen til dit child theme:

../wp-content/themes/dittema-child/

I dette tilfælde kalder vi den customlogin.css.

2) Tilpas functions.php

Du skal nu tilpasse din functions.php således dit nye stylesheet kan blive indlæst på login-siden.

Tilføj følgende kode til din functions.php, og tilpas stien så den passer med dit tema:

function my_custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/customlogin.css" />';
}
add_action('login_head', 'my_custom_login')

3) Tilføj CSS til dit nye stylesheet

Du kan nu tilpasse din nye customlogin.css. og når du gemmer rettelserne i en separat fil som vi gør i dette tilfælde, risikerer du ikke at dine tilføjelser og rettelser bliver overskrevet ved en eventuel senere opdatering af temaet og dets filer.

Eksempel på redesign af login-side

I mit daglige virke hos LINAK har jeg for en hjemmeside jeg lavede for LINAK Profiles tilpasset deres login-side således layoutet på denne følger det man ser på selve hjemmesiden:

Wordpress login side med eget design

Har du brug for hjælp?

Kan du ikke få det til at virke, eller har du brug for lidt yderligere hjælp til tilpasning og design?

Så skriv enten bare en kommentar til indlægget på siden herunder, eller også kan du tag direkte fat i mig på enten mail eller telefon.

Daniel Svane Handberg

Daniel Svane Handberg

Autodidakt cand.kreativ med en programmør gemt i maven. Brænder for webudvikling, digital markedsføring og den gode oplevelse på nettet. Ring på 31 50 10 10, eller send en mail på daniel@swanworks.dk. Vil du gerne læse mere om Daniel, kan du gøre dette her.

Skriv en kommentar