Hur man skapar en front-end-inloggningssida i WordPress

WordPress är en mycket kraftfull plattform som kommer med massor av färdiga lösningar för din webbplats. Även om de är perfekt funktionella är dessa lösningar inte alltid idealiska. Det är bara fallet med WordPress standardinloggningsfunktioner. Det kan vara förvirrande för besökare som helt enkelt vill logga in på sitt konto på din webbplats när de plötsligt omdirigeras till WordPress-administratörsområdet. Så om inte dina besökare har något att göra i administratörsområdet, gillar att skriva ett inlägg eller dela något innehåll, är det inte så vettigt att skicka dem dit efter inloggning. Att göra det möjligt för dina besökare att logga in på din webbplats direkt från gränssnittet kan därför ge en mycket mer tillfredsställande användarupplevelse.

Varför är det bättre att ha en front-end-inloggningssida?

Innan vi visar dig hur du skapar en front-end-inloggningssida i WordPress, låt oss nämna några anledningar till varför detta kan vara fördelaktigt för dig:

Uppriktigt sagt ger vilken typ av webbplats som helst ett mycket bättre intryck om deras inloggningssida inte är standardinloggningsskärmen för WordPress som vi har sett så många gånger. En anpassad front-end-inloggningssida visar helt enkelt att du anstränger dig för att ge en bättre användarupplevelse för dina besökare, bryr dig om ditt varumärke och tänker på varje detalj. Och med tanke på hur enkelt du kan lägga till en stilig front-end-inloggningssida till din WordPress-webbplats, finns det verkligen inte många anledningar att inte göra det.

Idag ska vi visa dig hur enkelt det är att implementera en front-end-inloggningssida med hjälp av Theme My Login-plugin.

Det faktum att insticksprogrammet Theme My Login har mer än 100 000 aktiva installationer talar för sig självt om dess tillförlitlighet och effektivitet. Anledningen till att vi väljer detta plugin framför vissa andra plugins är att det är otroligt enkelt att använda, kräver ingen konfiguration för att bygga en anpassad inloggningssida och är helt gratis. Insticksprogrammet ser till att sidorna matchar ditt nuvarande tema, de kommer att ha samma typsnitt och färger som det tema du använder. Det fungerar direkt ur lådan, utan att behöva anpassa några inställningar. Plus, plugin-programmet lägger till en ny widget på din webbplats som du kan placera i sidofältet, sidfoten eller sidhuvudet och göra inloggning eller registrering lättillgänglig.

Hur man skapar en front-end-inloggningssida för WordPress med temat My Login-plugin

Vi kommer att anta att du redan vet hur man installerar ett WordPress-plugin, så vi hoppar över det steget. Men om du stöter på några problem under installationsprocessen, se till att du kollar länken ovan.

När du har installerat och aktiverat plugin-programmet är det dags att ställa in det. Låt oss ta en titt på inställningarna Tema Min inloggning erbjuder.

Konfigurera temat My Login Plugin

Plugin-programmet skapar fem nya sidor direkt efter aktiveringen. Du hittar sidan för inloggning, logga ut, registrera dig, förlorat lösenord och återställ lösenord. De är omedelbart live och kommer att ersätta backend-inloggningssidan som standard.

Så här ser inloggningssidan ut i vårt fall, pluginen skapade den automatiskt med typsnittet och färgerna som följer vårt temas stil:

För att justera inställningarna för dessa sidor klicka på Tema Min inloggning i din WordPress-admin och välj sedan Allmän alternativ.

Här hittar du inställningar för att anpassa var och en av de fem sidorna, samt länkar som leder till dem. Inställningarna är uppdelade i tre segment: Inloggning, Registrering och Slugs.

I inloggningsinställningarna väljer du om du vill att besökarna ska ange standarduppgifter som användarnamn eller e-post, endast användarnamn eller endast e-post när de loggar. Det är upp till dig att välja den typ av inställningar som fungerar bäst för din webbplats.

I registreringsinställningarna bestämmer du vilken data användaren måste ange för att registrera ett konto på din webbplats. Du kan välja mellan standardalternativet att fråga efter både användarnamn och e-post, eller så kan du begära bara e-postmeddelandet eller bara användarnamnet. Men kom ihåg att registreringsinställningarna ska matcha inloggningsinställningarna. Om du i inloggningsalternativen bestämt dig för att begränsa användare till att logga in med ett användarnamn måste du här se till att de också måste skapa det användarnamnet vid registrering.

Du har också fler alternativ här som är inaktiverade som standard men du kan aktivera dem om du vill. Den första tillåter användare att ställa in sitt eget lösenord och den andra loggar automatiskt in användare efter registrering.

En snigel är en unik identifierare för varje sida på din WordPress-webbplats. Det är den del av webbadressen som kommer efter din domän, och som avgör vilken sida en användare kommer att se. Theme My Login-plugin genererar en enkel slug för var och en av sidorna den skapar. Generellt sett bör de tydligt ange vad sidan är avsedd för när det kommer till sniglar. I det här fallet är plugins automatiskt genererade sniglar faktiskt idealiska. Naturligtvis kan du ändra dem om du finner det nödvändigt. Se bara upp för tomma utrymmen i sniglar eftersom de ersätts med ett ”%20”-tecken, vilket snabbt kan göra dina sniglar inte kvalificerade. Du kan använda ett bindestreck istället (t.ex. ”inloggningssida” istället för ”inloggningssida”).

Och kom ihåg att spara ändringarna efter att du har justerat alla inställningar.

Hur man lägger till temat Min inloggningswidget på din webbplats

Som vi nämnde kommer plugin-programmet med en praktisk widget som du kan lägga till i sidofältet eller sidfoten. För att komma åt den, gå till Utseende > Widgets och välj Tema Min plugin-widget. Genom att klicka på den öppnas en rullgardinsmeny och du kommer att kunna välja vilket widgetområde du vill placera widgeten i.

När du lägger till widgeten i ett widgetområde kan du börja anpassa den. För att göra det, hitta rätt widgetområde på höger sida av skärmen och öppna den. Inuti bör du se widgeten Theme My Login. När du också har öppnat det, kommer du att kunna välja om du vill att det ska ha en inloggning, registrera eller återställa förlorade lösenordsfunktioner.

Du kan lägga till upp till tre widgets till dina widgetområden och välja ett annat alternativ i varje. Men eftersom de vanligtvis tar mycket plats är detta inte att rekommendera. För att se widgeten som du har lagt till måste du logga ut från ditt konto eller öppna webbplatsen på en inkognitoflik.

Användbara tillägg för tema min inloggning

Theme My Login-plugin stöder ett brett utbud av tillägg som är mycket användbara men inte gratis. I skrivande stund stöder plugin 13 olika tillägg som inkluderar Mailchimp, Avatar, Notifications, Favorites, Restriction, Legacy Bundle, etc. Och medan gratisversionen av plugin kommer att täcka dina grundläggande behov när det gäller front-end inloggning , kan dessa tillägg vara användbara om du behöver ytterligare funktioner.

Låt oss summera

Att logga in är inget som besökarna ser särskilt fram emot när de kommer till din sida, men om du redan driver en typ av sajt som kräver inloggning, varför inte göra det så smidigt och enkelt som möjligt. Med tanke på hur konkurrenskraftig onlinevärlden kan vara, är varje detalj som ger mer kvalitet till användarupplevelsen betydelse, och en front-end-inloggningssida är något som avsevärt kan förbättra UX och även hjälpa dig att stärka din varumärkesimage.