Vil du vide, hvordan du opretter en login-side med Elementor ?

I WordPress kan du gå på ditdomæne.dk/wp-login.php for at gå til dit websteds login-side. Hvis du har et stort websted med flere forfattere / brugere, kan du oprette en brugerdefineret login-side med dit eget design for at forstærke din websides brandingidentitet.

Ved Elementor, kan du nemt oprette en brugerdefineret login-side til dit WordPress-websted – uden at kode eller installere yderligere plugins.

Elementor har en widget – Login-widgetten – som du kan bruge til at oprette en brugerdefineret login-side. Elementor tilbyder endda login-sideskabeloner, så du kan oprette en login-side på ingen tid.

Sådan oprettes en brugerdefineret WordPress-login-side med Elementor

Bemærk, at login-widgeten kun er tilgængelig på Elementor Pro. Så før du kan oprette en brugerdefineret login-side, skal du opgradere Elementor til pro-versionen.

1. Sådan oprettes en login-side fra en skabelon

Som tidligere nævnt tilbyder Elementor skabeloner, så du kan have en brugerdefineret login-side, der kører på ingen tid. For at bruge en skal du starte med at oprette en ny side (Sider -> Tilføj) Og rediger det med Elementor.

I Elementor-editoren skal du klikke på mappeikonet for at åbne modelbiblioteket.

Kig efter en tilpasset login-sideskabelon. Du kan bruge søgefeltet til at lette dit arbejde. Når du har fundet den model, du kan lide, skal du holde musen over den og klikke på knappen INDSÆT.

Vent et øjeblik, indtil Elementor er færdig med at indlæse modellen. Når modellen er indlæst, kan du klikke på udgive at udgive det.

Der.

For at se siden kan du klikke på ikonet med tre linier i øverste hjørne af venstre panel og vælge Vis side.

Og her er slutresultatet, hvis du valgte den samme model som os.

Sådan oprettes en login-side med Elementor

2. Sådan oprettes en brugerdefineret login-side fra bunden

Hvis du vil have dit eget login-sidedesign, kan du også oprette din brugerdefinerede login-side fra bunden. For at komme i gang skal du oprette en ny side og redigere den med Elementor.

I Elementor-editoren skal du tilføje et nyt afsnit ved at klikke på plusikonet. Du kan vælge en kolonnestruktur baseret på det design, du vil oprette.

Når din sektion er klar, skal du tilføje forbindelseswidgeten ved at trække den fra venstre panel til lærredområdet.

Sådan oprettes en login-side med Elementor

Gå til fanen Indhold i venstre panel for at indstille grundlæggende indstillinger. Der er 3 valgblokke, som du kan manipulere:

1. Formularfelter

Du kan åbne denne blok for at aktivere / deaktivere tagget og indstille inputstørrelsen.

2. Knap

Du kan åbne denne blok for at indstille knaptekst, knapstørrelse og knapjustering.

3. Yderligere indstillinger

Du kan åbne denne blok for at aktivere / deaktivere elementer på din login-side, f.eks. Link Mglemt kodeord og indstillingen Husk mig. Da du vil oprette en login-side, aktivere mulighed Omdiriger efter login og indsæt WordPress-dashboardets url (ditdomæne.dk/wp-admin) på det tilgængelige felt. Du kan også aktivere indstillingen Omdirigering efter logout hvis du ønsker det.

Du kan aktivere indstillingen Brugerdefineret etiket hvis du vil bruge brugerdefinerede etiketter og brugerdefinerede pladsholdere på din formular forbindelse.

En gang definition grundlæggende muligheder afsluttet, gå til fanen Stil at personalisere formular forbindelse. Der er 5 blokke med stilmuligheder tilgængelige:

1. Formular

Du kan åbne denne blok for at definere mellemrummet mellem linjerne, linkernes farve og farven på linkernes pege.

2. Etiket

Du kan kun se denne blok, hvis du aktiverer etiketten for formular. Du kan åbne denne blok for at indstille afstanden mellem formularetiketter, tekstfarve og typografi (skrifttypefamilie, skriftstørrelse, skrifttype osv.).

3. Felter

Du kan åbne denne blok for at definere farven på tekstfelterne, typografien (skrifttypefamilie, skrifttypestørrelse, skrifttypestil osv.), Kontrolens baggrund, farven på kontrolens kant, bredden på kanten af marken og radiusen af ​​markens kant.

4. Knap

Du kan åbne denne blok for at tilpasse login-knappen. Du kan indstille ting som knaptekstfarve, svæve over tekstfarve, typografi, knapbaggrundsfarve, kantradius og knaptekstfyldning.

5. Logget på meddelelse

Du kan åbne denne blok for at tilpasse beskeden, når dine brugere er logget ind. Her er beskeden:

Du kan indstille tekstfarven og typografien på meddelelsen.

Når du er færdig med at style Login-widgetten, kan du tilpasse andre widgets på din side. Når sidredigeringen er afsluttet, skal du udgive / opdatere din side, og du har oprettet den brugerdefinerede login-side med succes.

Læs også: Sådan eksporteres og importeres Elementor-modeller

En afgørende ting at bemærke. Når du har oprettet den tilpassede login -side, skal du ikke slette filen wp-login.php på dit WordPress-websted. Dit WordPress-websted har stadig brug for denne fil til at håndtere loginprocessen.

Hent Elementor Pro nu!

Konklusion

Her er ! Det er det for denne artikel, der viser dig, hvordan du opretter en login-side med Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...