Come creare correttamente una pagina di accesso personalizzata in WordPress (passo dopo passo)

come creare una pagina di accesso personalizzata in wordpress


Vi siete mai chiesti se fosse possibile creare una pagina di accesso personalizzata in WordPress?

La creazione di una pagina di accesso personalizzata consente di visualizzare un marchio coerente per i tuoi utenti, il che conferisce al tuo sito un aspetto più professionale.

In questo articolo, ti mostreremo come creare una pagina di accesso personalizzata in WordPress.

Creazione di una pagina di accesso di WordPress personalizzata – Sommario

Perché creare una pagina di accesso personalizzata?

Se stai gestendo un sito Web basato sulla community come un forum, un sito di appartenenza, un social network di nicchia o qualsiasi altro sito Web che richiede agli utenti di registrare un account e accedere, dovrai creare una pagina di accesso personalizzata.

La pagina di accesso predefinita di WordPress sembra generica e noiosa. Con una pagina di accesso personalizzata, puoi personalizzare tutti gli elementi della pagina attorno al modulo.

Se si dispone di una pagina di accesso personalizzata, è possibile nascondere la pagina di accesso predefinita, se lo si desidera. Può ridurre lo spam di accesso e proteggere il tuo sito WordPress.

Scelta del plug-in giusto per la creazione di una pagina di accesso personalizzata

Nel repository ufficiale dei plugin di WordPress, puoi trovare dozzine di plugin diversi che ti aiutano a creare facilmente una pagina di accesso personalizzata. In questo articolo, esamineremo 2 plug-in diversi: WPForms e Tema Il mio login.

Scegli WPForms se hai bisogno di un plug-in per moduli WordPress con funzionalità complete che ti aiuti a creare facilmente qualsiasi tipo di modulo online, inclusi moduli di registrazione, moduli di pagamento, moduli di contatto, ecc..

Alcuni vantaggi di WPForms sono:

  • Personalizza il modulo di accesso come desideri senza alcuna restrizione.
  • Pubblica il tuo modulo di accesso su qualsiasi post o pagina.
  • Incorpora il modulo di accesso nella barra laterale o anche nel piè di pagina widget.

Scegli Tema Il mio accesso se vuoi creare facilmente una semplice pagina di accesso.

Di seguito sono riportate alcune funzionalità di Tema My Login:

  • Nessuna configurazione richiesta per la creazione di una pagina di accesso personalizzata.
  • Nasconde automaticamente la pagina di accesso predefinita e reindirizza alla pagina di accesso appena creata.
  • Aggiungi un link alla pagina di accesso nella barra laterale con un widget di accesso personalizzato.

Il rovescio della medaglia è che, a differenza di WPForms, il tema Il mio accesso non ti consente di incorporare il modulo di accesso in qualsiasi parte del tuo sito e verrà mostrato esclusivamente nella tua pagina di accesso. Poiché non è un plug-in per moduli completo come WPForms, la possibilità di personalizzare il modulo di accesso è limitata.

Metodo 1: utilizzo di WPForms per creare una pagina di accesso

WPForms

Diamo un’occhiata a come creare una pagina di accesso con WPForms.

Passaggio 1: installa WPForms sul tuo sito

La prima cosa che devi fare è installare e attivare il plugin WPForms. Assicurati di verificare la chiave di licenza accedendo a WPForms »Impostazioni. Puoi ottenere la chiave di licenza dal tuo account sul sito Web di WPForms.

Per poter creare una pagina di accesso personalizzata con WPForms, devi installare il Componente aggiuntivo registrazione utente andando a WPForms »Componenti aggiuntivi. Clic Installa componente aggiuntivo accanto a Componente aggiuntivo registrazione utente, quindi fai clic su Attiva.

Una volta attivato il componente aggiuntivo, puoi procedere e creare un modulo di accesso utente con WPForms.

Passaggio 2: creare un modulo di accesso personalizzato

Con il potente builder drag and drop di WPForms, puoi creare un modulo di accesso in pochi minuti, non ore, senza scrivere una singola riga di codice.

Per creare un modulo di accesso, visitare WPForms »Aggiungi nuovo. Nella pagina di configurazione del modulo, dovrai scegliere il Modulo di accesso utente modello per creare un modulo di accesso.

modello di modulo di accesso utente

Ora vedrai il generatore di moduli in cui puoi aggiungere, personalizzare e rimuovere i campi del modulo di accesso. Per impostazione predefinita, il modello di modulo di accesso aggiunge i seguenti campi modulo: Nome utente e Parola d’ordine.

modulo di login utente in wordpress

Puoi personalizzare qualsiasi campo facendo clic su di esso nel generatore di pagine. Quindi, puoi effettuare le personalizzazioni desiderate nel riquadro di sinistra.

Passaggio 3: Configurazione del modulo

Per configurare le impostazioni generali, puoi andare a Impostazioni »Generale. In questa pagina è possibile personalizzare il nome del modulo, la descrizione, il testo del pulsante di invio, ecc.

modulo di accesso alle impostazioni generali

Non devi fare nulla in notifiche scheda per il modulo di accesso personalizzato. Per impostazione predefinita, le notifiche sono disattivate, quindi non riceverai un’email ogni volta che qualcuno accede al tuo sito.

Quando un utente accede tramite il modulo di accesso personalizzato, arriverà sulla home page del tuo sito Web. È possibile modificare l’URL di reindirizzamento, se lo si desidera, in Conferma reindirizzamento URL campo.

pagina di accesso personalizzata delle impostazioni di conferma

Passaggio 4: pubblica il tuo modulo WordPress

Uno dei principali vantaggi dell’utilizzo di WPForms per la creazione di un modulo di accesso è che consente di incorporare il modulo in qualsiasi punto del sito, inclusi post, pagine, widget della barra laterale o aree piè di pagina widget.

Diamo un’occhiata a come pubblicare il modulo in post o pagine.

Crea un nuovo post o una nuova pagina in WordPress e fai clic su + icona nell’editor del blocco Gutenberg. Puoi cercare il blocco WPForms e fare clic su di esso.

Aggiungi moduli

Successivamente, seleziona il modulo di accesso nel blocco WPForms e verrà caricato automaticamente nel tuo post / pagina.

Seleziona il modulo di accesso

Dopo aver aggiunto il modulo, puoi pubblicare il tuo post / pagina.

È inoltre possibile aggiungere il modulo di accesso al widget della barra laterale come segue. Vai a Aspetto »Widget e aggiungi il widget WPForms alla barra laterale.

Widget del modulo di accesso

Seleziona il modulo di accesso personalizzato nelle impostazioni del widget e fai clic su Salva pulsante per salvare le modifiche.

Metodo 2: Utilizzo del tema Il mio accesso per creare una pagina di accesso

tema mio plugin di accesso

Il Tema Il mio login il plug-in rende semplicissimo pubblicare un modulo di accesso personalizzato sul tuo sito WordPress. Per creare una semplice pagina di accesso, tutto ciò che devi fare è installare e attivare il plug-in Tema mio accesso.

Il plug-in funziona immediatamente senza alcuna ulteriore configurazione.

Tuttavia, se è necessario personalizzare le impostazioni del plug-in, è possibile fare clic sul menu Temi Il mio accesso nella dashboard di WordPress.

tema le mie impostazioni di accesso

È quindi possibile modificare i tipi di accesso e registrazione. Puoi anche regolare le lumache URL per le pagine di accesso, disconnessione, registrazione, password persa e reimpostazione della password.

Metodo 3: personalizza la pagina di accesso di WordPress esistente senza plug-in

Se preferisci apportare modifiche o aggiungere uno stile personalizzato alla tua pagina di accesso esistente piuttosto che crearne una nuova, ecco come farlo.

Aggiungi semplicemente questo codice al file Functions.php del tuo tema o in un plug-in specifico per il sito:

Se è la prima volta che aggiungi frammenti di codice in WordPress, fai riferimento alla nostra guida su come aggiungere correttamente frammenti di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

// Pagina di accesso personalizzata
funzione clp_login_head () {

eco ”; // Inizia stili personalizzati
echo ‘.login #nav a, .login #backtoblog a {color: #! important; } ‘; // Colore del collegamento alla pagina di accesso
echo ‘.login h1 a {background: url ("’. get_bloginfo (‘stylesheet_directory’). ‘/ images / IMMAGINE VA QUI"); larghezza: px; altezza: px; } ‘; // Logo della pagina di accesso
echo ‘.login .button-primary {background: #; colore del bordo:#; } ‘; // Colore pulsante pagina di accesso
eco ”; // Termina gli stili personalizzati

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

Puoi modificare il CSS e l’URL dell’immagine nel codice sopra per aggiungere il tuo stile personalizzato alla pagina di accesso di WordPress.

Metodo 4: Visualizza il modulo di accesso a WordPress ovunque senza plug-in

Se desideri visualizzare il modulo di accesso di WordPress su qualsiasi pagina, barra laterale o area del piè di pagina, puoi aggiungere questo codice al file modello del tuo tema:

Proprio come il metodo sopra, se stai aggiungendo frammenti di codice a WordPress per la prima volta, fai riferimento alla nostra guida su come aggiungere correttamente frammenti di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

<?php
wp_login_form ();
?>

Il codice sopra mostrerà solo la pagina di accesso generale di WordPress nella posizione in cui aggiungi il codice. Nel caso, puoi aggiungere una pagina del modulo WordPress personalizzata con campi e opzioni aggiuntivi, quindi puoi utilizzare questo codice:

<?php $ args = array (
‘echo’ => vero,
‘redirect’ => ‘Http://wpsnipp.com’,
‘form_id’ => ‘LoginForm’,
‘label_username’ => __ (‘Nome utente’),
‘label_password’ => __( ‘Parola d’ordine’ ),
‘label_remember’ => __( ‘Ricordati di me’ ),
‘label_log_in’ => __( ‘Accesso’ ),
‘id_username’ => ‘Login utente’,
‘id_password’ => ‘User_pass’,
‘id_remember’ => ‘Ricordati di me’,
‘id_submit’ => ‘Wp-submit’,
‘ricordare’ => vero,
‘value_username’ => NULLO,
‘value_remember’ => falso);
wp_login_form ($ args);
?>

Questo è tutto!

Speriamo che questa guida ti abbia aiutato a creare una pagina di accesso personalizzata in WordPress. Se ti è piaciuto questo articolo, potresti anche voler leggere il nostro articolo sui migliori plug-in dei moduli di contatto per 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