Det, du måske ikke ved om WordPress, er, at du kan tilpasse WordPress' login-side. Det er en ting, som meget få bekymrer sig om, men det er en vigtig funktion, som du bør undersøge.
I denne artikel vil vi fremhæve anvendelsen af WordPress-loginsiden, hvorfor den er vigtig, og hvordan man tilpasser den. Det bliver både et sjovt og informativt stykke arbejde for dig.
Så lad os komme i gang!
Hvad er en WordPress-loginside?
En login-side er noget, som webstedsadministratoren eller brugerne har adgang til for at hoppe på webstedets backend-tjenester. WordPress har som standard en login-grænseflade af samme grund.
For at få adgang til den side skal du tilføje specifikke ord i slutningen af dit websteds linkadresse. For eksempel www.mysite.com/wp-admin.
Normalt bør kun administratoren have adgang til denne side. Hvis der er tale om et websted med flere brugere, kan mange flere brugere få adgang til denne side.
Under alle omstændigheder bør der være to grunde til at tilpasse login-siden:
- Af sikkerhedsmæssige årsager: Login-siden på ethvert website er et direkte adgangspunkt for alle. Det er selvfølgelig et passwordbeskyttet interface. Så uanset hvem det er, kan de ikke få adgang til den, medmindre de kender sikkerhedskoderne. Men når hackerne først begynder at gætte den, kan dit website stå i en meget farlig situation. Derfor er det vigtigt at dække den del.
- Til branding: En hjemmeside præsenterer selve billedet af en virksomhed. Jo større brandet er, jo mere omhyggelig er hjemmesidens struktur. Så en hjemmeside med et godt brand på WordPress kan vælge at tilpasse login-siden til brandingformål.
Faktisk kan du tilpasse login-siden uden nogen tredjeparts-plugins. Det er en opgave for udviklere. Men du kan gøre det, hvis du ved præcis, hvad du skal gøre. Og det vil vi vise dig her.
Nogle eksempler på login-sider
De fleste brandede hjemmesider har tilpassede login-grænseflader. De har hver især deres egen personlighed og unikke stil.
Tag et kig på Amazons login-side. Den har brandets logo, login- og tilmeldingsgrænseflader og nogle oplysninger. Den præsenterer den samme stemning med en hvid baggrund som deres hovedwebsite.
I Facebooks tilfælde har deres login-side en overskrift sammen med selve indholdet. Siden fortæller de besøgende præcis, hvad det er.
Nu ved du, hvad berømte brands gør med deres login-side. Lad os gå i dybden med tilpasningen.
Tilpas til sikkerhed
Selvom en hacker ikke kan trænge ind på din hjemmeside uden adgangskoden, betyder det ikke, at angrebene holder op med at komme.
Når nogen forsøger at få adgang til webstedets login-side, genererer og kører den flere scripts i backend. En hacker kan udløse flere adgangsprompter i løbet af et sekund. Det kan resultere i, at din hjemmeside bliver langsom.
Selv om de fleste sider har et IP-forbudssystem til at forhindre dette, er det ikke nok mod et distribueret angreb. Så for at forhindre dette i at ske, skal du tilpasse WordPress-loginsiden.
Du kan ændre login-sidens URL fra wp-admin til anything-login. På den måde får du en unik URL, som hackerne ikke kan gætte.
Lad mig vise dig, hvordan du gør.
Følg processen
Gå til Dashboard> Udseende> Temaeditor
Vælg dit arbejdstema, og klik på Tema Funktion fil.
function redirect_to_null_page(){
$new_login= 'logmein';
if(strpos($_SERVER['REQUEST_URI'], $new_login) === false){
wp_safe_redirect( home_url( 'Not Found' ), 302 );
exit(); } }
add_action( 'login_head', 'redirect_to_null_page');
function redirect_to_actual_login(){
$new_login = 'logmein';
if(parse_url($_SERVER['REQUEST_URI'],PHP_URL_QUERY) == $new_login&& ($_GET['redirect'] !== false)){
wp_safe_redirect(home_url("wp-login.php?$new_login&redirect=false"));
exit(); } }
add_action( 'init', 'redirect_to_actual_login');Tilføj disse linjer i filen function.php for at afslutte tilpasningen af WordPress-loginsiden.
Nu kan brugerne gå til login-siden via linket: yourwebsite.com/wp-admin.php?logmein i stedet for dinhjemmeside.com/wp-admin.
Koden omdirigerer den faktiske login-grænseflade til den nyligt tilføjede sti og sender det tidligere link til en tom side. På den måde er din login-side sikker mod DDoS-angreb.
Tilpas WordPress login-side til branding
Standardgrænsefladen på login-siden er okay for enhver normal hjemmeside. Men et branded website, der ofte onboarder brugere, har brug for en tilpasset login-grænseflade.
Der er nogle få ting, du kan tilpasse på login-siden uden nogen tredjepartsplugins. Du kan ændre logoet, baggrunden på siden, inputfelter, tilføje info-links osv. Her viser vi dig, hvordan du indsætter logoet og ændrer baggrundsbilledet på login-siden.
Skift logo
function wpb_login_logo() { ?>
#login h1 a, .login h1 a {
baggrundsbillede: url(http://logo.png);
height:100px; width:300px;
background-size: 300px 100px;
background-repeat: no-repeat;
padding-bottom: 10px; }
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );Tilføj disse kodelinjer inde i tema-funktion.php fil. Vælg logoets PNG-fil, og upload den til filmediet i dit dashboard. Kopier derefter URL'en til filen, og indsæt den i feltet baggrundsbillede: url(http://logo.png); logo-URL.
Nu vil du se standard WordPress-logoet forsvinde og i stedet se dit brand-logo.
Skift baggrundsbillede
function login_background_image() {
echo '.
body.login{
background-image: url( "http://bgimage.png" )!important;
}
';
}
add_action('login_head', 'login_background_image');På samme måde som man ændrer logoet, kan man ændre baggrundsbilledet ved at tilføje disse linjer til det funktion.php fil. Som før skal du uploade billedet i mediebiblioteket og indsætte dets link i koden. Og så er det klaret!
På den måde kan du selv skabe en tilpasset WordPress-loginside. Forresten, hvis du vil bygge en brugerdefineret login-side, kan du få hjælp fra denne blog her. Den har ord fra de udviklere, der har udviklet WordPress.
Bonus: Hvis du heller ikke har det godt med sådanne brugerdefinerede koder, kan du bare bruge Elementor-tilføjelser til at tilpasse alle dine WordPress-sider som startside, produkter, kasse ved hjælp af widgets og avancerede foruddesignede skabeloner.
Konklusion
Det er ikke særlig svært at tilpasse en hjemmeside, når man har WordPress. Vi er en del af det fællesskab, der hjælper nye brugere med at forstå WordPress bedre. Det er derfor, vi udgiver disse tips og tweaks-blogs til gavn for vores kære seere.
Tak, fordi du bliver hos os og støtter os med din ærlige mening. Hvis du har et ekstra minut til rådighed, kan du besøge vores Element Pack plugin, der er bygget til Elementor sidebygger. Den indeholder over 180 vigtige widgets til at designe din drømmehjemmeside.
Tak igen for at læse denne blog.
