Hvordan lage en tilpasset påloggingsside på riktig måte i WordPress (trinn for trinn)

hvordan lage en tilpasset påloggingsside i wordpress


Noen gang lurt på om du kunne lage en tilpasset påloggingsside i WordPress?

Å lage en tilpasset påloggingsside hjelper deg å vise et konsistent merke til brukerne dine, noe som gir nettstedet ditt et mer profesjonelt utseende.

I denne artikkelen viser vi deg hvordan du oppretter en tilpasset påloggingsside i WordPress.

Opprette en tilpasset WordPress-påloggingsside – Innholdsfortegnelse

Hvorfor opprette en tilpasset påloggingsside?

Hvis du driver et fellesskapsdrevet nettsted som et forum, medlemskapsside, nisjenettverk eller noe annet nettsted som krever at brukere registrerer en konto og logger inn, må du opprette en tilpasset påloggingsside.

Standard innloggingsside for WordPress ser generisk og kjedelig ut. Med en tilpasset påloggingsside kan du tilpasse alle elementene på siden rundt skjemaet.

Hvis du har en tilpasset påloggingsside, kan du skjule standard påloggingssiden hvis du vil. Det kan redusere innloggingsspam og holde WordPress-nettstedet ditt sikkert.

Velge riktig plugin for å opprette en tilpasset påloggingsside

I det offisielle WordPress-plugin-depotet, kan du finne dusinvis av forskjellige plugins som hjelper deg med å lage en tilpasset påloggingsside. I denne artikkelen skal vi se på to forskjellige plugins: WPForms og Tema Min innlogging.

Velg WPForms hvis du trenger en fullstendig funksjonalitet WordPress-skjema-plugin som hjelper deg med å bygge alle slags online skjemaer med letthet, inkludert registreringsskjemaer, betalingsformer, kontaktskjemaer, osv..

Noen få fordeler med WPForms er:

  • Tilpass innloggingsskjemaet slik du ønsker uten begrensninger.
  • Publiser innloggingsskjemaet ditt på innlegg eller sider.
  • Legg inn påloggingsskjemaet ditt i sidefeltet eller til og med i en widgetert bunntekst.

Velg Tema Min innlogging hvis du vil lage en enkel påloggingsside med letthet.

Nedenfor er noen funksjoner i Theme My Login:

  • Ingen konfigurasjon kreves for å lage en tilpasset påloggingsside.
  • Skjuler automatisk standard påloggingsside og omdirigerer til den nyopprettede påloggingssiden.
  • Legg til en innloggingsside-kobling i sidefeltet med en tilpasset påloggingswidget.

Ulempen er at Theme I Login, i motsetning til WPForms, ikke tillater deg å legge inn påloggingsskjemaet ditt hvor som helst på nettstedet ditt, og vises eksklusivt på innloggingssiden din. Fordi det ikke er et fullstendig funksjonsprogramtillegg som WPForms, er muligheten til å tilpasse påloggingsskjemaet begrenset.

Metode 1: Bruke WPForms for å opprette en påloggingsside

WPForms

La oss se på hvordan du oppretter en påloggingsside med WPForms.

Trinn 1: Installer WPForms på nettstedet ditt

Det første du trenger å gjøre er å installere og aktivere WPForms-pluginen. Sørg for å bekrefte lisensnøkkelen din ved å navigere til WPForms »Innstillinger. Du kan få lisensnøkkelen fra kontoen din på WPForms nettsted.

For å kunne opprette en tilpasset påloggingsside med WPForms, må du installere Brukerregistrering addon ved å gå til WPForms »Addons. Klikk Installer Addon ved siden av User Registrering Addon og klikk deretter på Aktiver.

Når tillegget er aktivert, kan du gå videre og opprette et brukerpåloggingsskjema med WPForms.

Trinn 2: Lag et tilpasset påloggingsskjema

Med WPForms kraftige dra og slipp-byggherre kan du bygge et påloggingsskjema på bare noen få minutter, ikke timer, uten å skrive en eneste kodelinje.

For å opprette et påloggingsskjema, besøk WPForms »Legg til nytt. På skjemaoppsettsiden må du velge den Brukerpåloggingsskjema mal for å opprette et påloggingsskjema.

brukerpåloggingsskjemamal

Du vil nå se skjemabyggeren der du kan legge til, tilpasse og fjerne innloggingsformularfelt. Som standard legger inn påloggingsskjemamalen følgende skjemafelt: Brukernavn og Passord.

brukerpåloggingsskjema i wordpress

Du kan tilpasse hvilket som helst felt ved å klikke på det i sidebyggeren. Deretter kan du gjøre de ønskede tilpasningene i det venstre panelet.

Trinn 3: Formkonfigurasjon

Hvis du vil konfigurere generelle innstillinger, kan du gå til Innstillinger »Generelt. På denne siden kan du tilpasse skjemanavn, beskrivelse, sende inn knappetekst osv.

generelle innstillinger påloggingsskjema

Du trenger ikke å gjøre noe i Varsler fane for ditt tilpassede påloggingsskjema. Som standard er varsler slått av, så du får ikke en e-post når noen logger seg på nettstedet ditt.

Når en bruker logger seg på via ditt tilpassede påloggingsskjema, kommer de til å lande på hjemmesiden til nettstedet ditt. Du kan endre omdirigeringsadressen, hvis du vil, i Bekreftelsesadresse for viderekobling felt.

bekreftelsesinnstillinger tilpasset påloggingsside

Trinn 4: Publiser WordPress-skjemaet

En av de viktigste fordelene ved å bruke WPForms for å opprette et påloggingsskjema, er at det lar deg legge inn skjemaet hvor som helst på nettstedet ditt, inkludert innlegg, sider, sidefeltwidgets eller widgetiserte bunntekstområder.

La oss se på hvordan du publiserer skjemaet ditt i innlegg eller sider.

Opprett et nytt innlegg eller side i WordPress og klikk deretter på + ikon i Gutenberg-blokkeredaktøren. Du kan søke etter WPForms-blokken og klikke på den.

Legg til skjemaer

Velg deretter påloggingsskjemaet ditt i WPForms-blokkeringen, og det lastes automatisk inn i innlegget / siden din.

Velg påloggingsskjema

Etter å ha lagt til skjemaet, kan du publisere innlegget / siden din.

Du kan også legge til påloggingsskjemaet til sidelinjen-widgeten som følger. Gå over til Utseende »Widgets og legg til WPForms-widgeten til sidefeltet.

Innloggingsskjema-widget

Velg ditt tilpassede påloggingsskjema i widgetens innstillinger og klikk på Lagre for å lagre endringer.

Metode 2: Bruke Theme My Login for å opprette en påloggingsside

tema min påloggingsplugin

De Tema Min innlogging plugin gjør det superenkelt å publisere et tilpasset påloggingsskjema på ditt WordPress-nettsted. For å lage en enkel påloggingsside er alt du trenger å gjøre å installere og aktivere Theme My Login-plugin.

Plugin fungerer ut av esken uten ytterligere konfigurasjon.

Imidlertid, hvis du trenger å tilpasse plugin-innstillingene, kan du klikke på Theme My Login-menyen i WordPress-dashbordet.

tema innloggingsinnstillingene mine

Du kan deretter endre innloggings- og registreringstyper. Du kan også justere URL-sneglene for påloggings-, utloggings-, registrering, mistet passord og tilbakestille passordsider.

Metode 3: Tilpass eksisterende WordPress-påloggingsside uten plugin

Hvis du heller vil gjøre endringer eller legge til tilpasset styling på den eksisterende påloggingssiden din enn å lage en helt ny, slik gjør du det.

Bare legg til denne koden i temaets funksjoner.php-filen eller i en stedsspesifikk plugin:

Hvis dette er første gang du legger til kodebiter i WordPress, kan du se i guiden vår for hvordan du riktig kan legge til kodebiter i WordPress, slik at du ikke ødelegger nettstedet ditt ved et uhell.

// Tilpasset påloggingsside
funksjon clp_login_head () {

ekko ”; // Begynn tilpassede stiler
echo ‘.login #nav a, .login #backtoblog a {farge: #! viktig; } ‘; // Innloggingssiden koblingsfarge
echo ‘.login h1 a {bakgrunn: url ("’. get_bloginfo (‘stylesheet_directory’). ‘/ bilder / BILDE GIR HER"); bredde: px; høyde: px; } ‘; // Logg inn side logo
ekko ‘.login .button-primær {bakgrunn: #; grensefarge:#; } ‘; // Knappfarge på innloggingsside
ekko ”; // Slutt tilpassede stiler

}
add_action (‘login_head’, ‘clp_login_head’);

Du kan endre CSS og bilde-URL i koden over for å legge til din tilpassede styling for innloggingssiden for WordPress.

Metode 4: Vis påloggingsskjema for WordPress hvor som helst uten plugin

Hvis du vil vise WordPress påloggingsskjema på hvilken som helst side, sidefelt eller bunntekstområde, kan du legge til denne koden i tematets malfil:

På samme måte som metoden ovenfor, hvis du legger til kodebiter til WordPress for første gang, kan du se i guiden vår for hvordan du riktig kan legge til kodebiter i WordPress, slik at du ikke ved et uhell ødelegger nettstedet ditt.

<?php
wp_login_form ();
?>

Koden ovenfor viser bare den generelle innloggingssiden for WordPress på stedet der du legger til koden. I tilfelle kan du legge til en tilpasset WordPress-skjemaside med flere felt og alternativer, så kan du bruke denne koden:

<?php $ args = matrise (
‘ekko’ => ekte,
‘omdirigering’ => ‘Http://wpsnipp.com’,
‘form_id’ => ‘innloggingsskjema’,
‘label_username’ => __ (‘Brukernavn’),
‘label_password’ => __( ‘Passord’ ),
‘label_remember’ => __( ‘Husk meg’ ),
‘label_log_in’ => __( ‘Logg Inn’ ),
‘id_usname’ => ‘Brukerinnlogging’,
‘id_password’ => ‘User_pass’,
‘id_remember’ => ‘Husk meg’,
‘id_submit’ => ‘Wp-submit’,
‘husk’ => ekte,
‘value_username’ => NULL,
‘value_remember’ => falsk );
wp_login_form ($ args);
?>

Det er det!

Vi håper denne guiden hjalp deg med å lage en tilpasset påloggingsside i WordPress. Hvis du likte denne artikkelen, kan det være lurt å lese artikkelen vår om de beste kontaktskjema-pluginene for WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map