Form di login personalizzato

1. Crea un file template all'interno della directory del tuo child theme, chiamiamolo login.php. Inserisci il modulo di login all'interno di questo file:

   <form action="" method="post">
     <div>
       Nome utente: <input name="log" type="text" />
     </div>
     <div>
       Password: <input name="pwd" type="password" />
     </div>
     <div>
       <input type="submit" value="Accedi" />
       <input type="hidden" name="action" value="my_login_action" />
     </div>
   </form>
   

   Modifica quello che preferisci, ma dovresti lasciare intatti gli attributi name

2. Crea un file functions.php all'interno della directory del tuo child theme, oppure se ne hai già uno, modificarlo. Gestirai le richieste di login al suo interno:

   add_action('init', function(){
   
     // non è la richiesta di login?
     if(!isset($_POST['action']) || $_POST['action'] !== 'my_login_action')
       return;
   
     // vedi il codex per wp_signon()
     $result = wp_signon();
   
     if(is_wp_error($result))
       wp_die('Accesso fallito. Password o nome utente errati?');
   
     // reindirizza alla pagina richiesta se il login è andato a buon fine    
     header('Location: ' . $_SERVER['REQUEST_URI']);
     exit;
   });
   

3. Crea una copia del tuo template header.php, inseriscila nella cartella del child theme e modificala. Aggiungi questo codice dove vuoi che appaia il modulo di login:

   <?php
   
    if(!is_user_logged_in()){
      get_template_part('login');
    }
   
   ?>
   

Inoltre, puoi personalizzare il modulo di login originale nel tuo tema WordPress.

Ci sono diverse cose che puoi fare. 1) Puoi cambiare il logo di WordPress:

<?php
//Logo personalizzato
function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_url').'/images/logo.png) !important; }
    </style>';
}

add_action('login_head', 'my_custom_login_logo');

// Login personalizzato

function my_login_logo_url() {
    return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
    return '[url]';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );

?>

2) Puoi rimuovere l'effetto "shake" del login di WordPress:

<?php

function my_login_head() {
    remove_action('login_head', 'wp_shake_js', 12);
}
add_action('login_head', 'my_login_head');

?>

3) Rimuovere gli errori di login:

<?php

add_filter('login_errors',create_function('$a', "return null;"));

?>

Importante: Non utilizzare tutti questi frammenti di codice nel file functions.php. Prima crea tre file separati con nomi che descrivano la function come (es. my_custom_login_logo.php, my_login_head.php e remove_login_errors.php) e poi richiama le 3 funzioni nel functions.php esempio: require_once('includes/secure/my_custom_login_logo.php'); require_once('includes/secure/my_login_head.php'); require_once('includes/secure/remove_login_errors.php');

includes e secure sono cartelle. Spero di esserti stato utile. Benvenuto.

Aggiunta di codici a wp-login.php. I codici del modulo sono riportati di seguito.

    <form id="loginform" action="<?php echo site_url( '/wp-login.php' ); ?>" method="POST">

                            <h5><strong>ACCESSO UTENTE</strong>  <a href="uyeol.html"><i class="fa fa-gear"></i> CREA ACCOUNT.</a></h5>
                            <div class="newsletter-form">

                                <div class="newsletter-email">
                                    <input id="user_login" type="text" name="grs_tcno" value="" placeholder="Utente">
                                </div>

                                <div class="newsletter-zip">
                                    <input id="user_pass" type="password" name="grs_sifre" value="" placeholder="Password">
                                </div>

                                <div class="newsletter-submit">
                                    <input id="wp-submit" type="submit" name="girisyap" value="login">
                                    <input type="hidden" value="<?php echo esc_attr( $redirect_to ); ?>" name="redirect_to">
                                      <input type="hidden" value="1" name="testcookie">
                                    <i class="icons icon-right-thin"></i>
                                </div>

                            </div>