Hvordan lage en front-end påloggingsside i WordPress

WordPress er en veldig kraftig plattform som kommer med mange ferdige løsninger for nettstedet ditt. Selv om de er perfekt funksjonelle, er disse løsningene ikke alltid ideelle. Det er akkurat tilfellet med WordPress standard påloggingsfunksjonalitet. Det kan være forvirrende for besøkende som bare vil logge på kontoen sin på nettstedet ditt når de plutselig blir omdirigert til WordPress-administrasjonsområdet. Så med mindre de besøkende har noe å gjøre i administrasjonsområdet, liker å skrive et innlegg eller dele noe innhold, er det lite fornuftig å sende dem dit etter pålogging. Derfor kan det gi en mye mer tilfredsstillende brukeropplevelse å la besøkende logge på nettstedet ditt direkte fra grensesnittet.

Hvorfor er det bedre å ha en front-end påloggingsside?

Før vi viser deg hvordan du oppretter en frontend-påloggingsside i WordPress, la oss nevne noen grunner til at dette kan være nyttig for deg:

Ærlig talt gir enhver form for nettside et mye bedre inntrykk hvis påloggingssiden deres ikke er standard WordPress-påloggingsskjerm som vi har sett så mange ganger. En tilpasset front-end påloggingsside viser ganske enkelt at du anstrenger deg for å gi en bedre brukeropplevelse for de besøkende, bryr deg om merkevaren din og tenker på hver detalj. Og med tanke på hvor enkelt du kan legge til en stylet front-end påloggingsside til WordPress-siden din, er det egentlig ikke mange grunner til å ikke gjøre det.

I dag skal vi vise deg hvor enkelt det er å implementere en front-end-påloggingsside ved å bruke Theme My Login-plugin.

Det faktum at Theme My Login-pluginen har mer enn 100 000 aktive installasjoner taler for seg selv om dens pålitelighet og effektivitet. Grunnen til at vi velger dette pluginet fremfor noen andre plugins er at det er utrolig enkelt å bruke, krever ingen konfigurasjon for å bygge en tilpasset påloggingsside, og er helt gratis. Programtillegget sikrer at sidene vil matche ditt nåværende tema, de vil ha samme font og farger som temaet du bruker. Det fungerer rett ut av esken, uten behov for å tilpasse noen innstillinger. I tillegg legger plugin til en ny widget til nettstedet ditt som du kan plassere i sidefeltet, bunnteksten eller topptekstområdet og gjøre pålogging eller registrering lett tilgjengelig.

Hvordan lage en front-end påloggingsside for WordPress med temaet My Login Plugin

Vi kommer til å anta at du allerede vet hvordan du installerer et WordPress-plugin, så vi hopper over det trinnet. Men i tilfelle du kommer over noen problemer under installasjonsprosessen, sørg for at du sjekker lenken ovenfor.

Når du har installert og aktivert plugin-en, er det på tide å sette den opp. La oss ta en titt på innstillingene Theme My Login tilbyr.

Sette opp temaet My Login Plugin

Programtillegget oppretter fem nye sider umiddelbart etter aktiveringen. Du finner siden for pålogging, avlogging, registrering, mistet passord og tilbakestilling av passord. De er umiddelbart live og vil erstatte backend-påloggingssiden som standard.

Slik ser påloggingssiden ut i vårt tilfelle, plugin laget den automatisk med fonten og fargene som følger stilen til temaet vårt:

For å justere innstillingene for disse sidene, klikk på Tema Min pålogging i WordPress-administratoren og velg deretter Generell alternativ.

Her finner du innstillinger for å tilpasse hver av de fem sidene, samt lenker som leder til dem. Innstillingene er delt inn i tre segmenter: Innlogging, Registrering og Slugs.

I påloggingsinnstillingene velger du om du vil at de besøkende skal angi standard påloggingsinformasjon som brukernavn eller e-post, kun brukernavn eller e-post kun når de logger. Det er opp til deg å velge den typen innstillinger som fungerer best for nettstedet ditt.

I registreringsinnstillingene bestemmer du hvilke data brukeren må legge inn for å registrere en konto på nettstedet ditt. Du kan velge mellom standardalternativet for å be om både brukernavnet og e-posten, eller du kan be om bare e-posten eller bare brukernavnet. Men husk at registreringsinnstillingene skal samsvare med påloggingsinnstillingene. Hvis du i påloggingsalternativene bestemte deg for å begrense brukere til å logge på med et brukernavn, må du her sørge for at de også må opprette det brukernavnet ved registrering.

Du har også flere alternativer her som er deaktivert som standard, men du kan aktivere dem hvis du ønsker det. Den første lar brukere angi sitt eget passord, og den andre logger automatisk på brukere etter registrering.

En slug er en unik identifikator for hver side på WordPress-siden din. Det er den delen av nettadressen som kommer etter domenet ditt, og som bestemmer hvilken side en bruker vil se. Theme My Login-pluginen genererer en enkel slug for hver av sidene den oppretter. Generelt, når det kommer til snegler, bør de tydelig indikere hva siden er ment for. I dette tilfellet er pluginens automatisk genererte snegler faktisk ideelle. Selvfølgelig kan du endre dem hvis du finner det nødvendig. Bare pass deg for tomme plasser i snegler da de erstattes med et «%20»-tegn, noe som raskt kan gjøre sneglene dine ikke kvalifisert. Du kan bruke en bindestrek i stedet (f.eks. «påloggingsside» i stedet for «påloggingsside»).

Og husk å lagre endringer etter at du har justert alle innstillingene.

Slik legger du til temaet Min påloggingswidget på nettstedet ditt

Som vi nevnte, kommer plugin-en med en hendig widget som du kan legge til i sidefeltet eller bunnteksten. For å få tilgang til den, gå til Utseende > Widgets og velg Tema Min plugin-widget. Ved å klikke på den åpnes en rullegardinmeny og du kan velge hvilket widgetområde du vil plassere widgeten i.

Når du legger til widgeten i et widgetområde, kan du begynne å tilpasse den. For å gjøre det, finn det riktige widgetområdet på høyre side av skjermen og åpne det. På innsiden bør du se Theme My Login-widgeten. Når du også åpner det, vil du kunne velge om du vil at det skal ha en påloggings-, registrerings- eller gjenopprettingsfunksjonalitet for tapt passord.

Du kan legge til opptil tre widgets til widgetområdene dine, og velge et annet alternativ i hver. Men da de vanligvis tar mye plass, er dette ikke å anbefale. For å se widgeten du la til, må du logge ut av kontoen din eller åpne nettstedet i en inkognitofane.

Nyttige utvidelser for tema min pålogging

Theme My Login-pluginen støtter et bredt utvalg av utvidelser som er veldig nyttige, men som ikke er gratis. I øyeblikket du skriver dette støtter plugin-en 13 forskjellige utvidelser som inkluderer Mailchimp, Avatar, Notifications, Favorites, Restriction, Legacy Bundle, etc. Og mens gratisversjonen av plugin-en vil dekke dine grunnleggende behov når det gjelder front-end-pålogging , kan disse utvidelsene være nyttige hvis du trenger ekstra funksjonalitet.

La oss oppsummere

Innlogging er ikke noe besøkende ser spesielt frem til når de kommer til nettstedet ditt, men hvis du allerede kjører en type side som krever innlogging, hvorfor ikke gjøre det så smidig og enkelt som mulig. Med tanke på hvor konkurransedyktig nettverdenen kan være, er hver detalj som gir mer kvalitet til brukeropplevelsen viktig, og en front-end påloggingsside er noe som kan forbedre brukeropplevelsen betydelig og også hjelpe deg å styrke merkevarebildet ditt.