Bannière d'entête du site webOdesign
Icône webodesing

webOdesign

Modification d’une extension WordPress

Sur ce site, j’utilise une extension Wordpress pour gérer l’authentification des utilisateurs. Cette extension, « Clean Login » est gratuite possède une nombre assez conséquent de fonctionnalité et permet en autre de gérer l’inscription, la connexion – déconnexion des utilisateurs. Le problème est que, une fois l’utilisateur authentifié, « Clean Login » affiche dans le panel de déconnexion une image d’avatar en guise de photo utilisateur. Cette image occupe un espace conséquent peu utile et je désire la supprimer. Il n’existe pas, dans la configuration, l’option que permettrait de le faire. La solution qui s’impose est de localiser, identifier et modifier le code source de cette extension.

Rémi

On détecte l’endroit ou est codé l’affichage de l’image de l’avatar montré ci-dessus. Son style possède le nom « cleanlogin-preview ». Hors dans le dossier ou sont installés les codes PHP se trouve un fichier nommé « login-preview.php ». Il faut l’éditer pour vérifier que c’est dans ce fichier que l’affichage de l’avatar est commandé. 

<?php
        // remi@vmi820488:/var/www/html/wp-content/plugins/clean-login/content$ cat login-preview.php
        if ( ! defined( 'ABSPATH' ) ) exit;
        $login_url = CleanLogin_Controller::get_login_url();
                $current_user = wp_get_current_user();
        $edit_url = CleanLogin_Controller::get_edit_url();

        $show_user_information = get_option( 'cl_hideuser' );
        $show_user_information = false;
?>

<div class="cleanlogin-container" >
        <div class="cleanlogin-preview">
                <div class="cleanlogin-preview-top">
                        <?php echo "<p style='text-align: right; margin:0px;'><small>[".$current_user->user_login."]</small></p>";  ?>
                        <a href="<?php echo esc_url( add_query_arg( 'action', 'logout', $login_url) ); ?>" class="cleanlogin-preview-logout-link">
                                <?php  echo __( 'Log out', 'clean-login' ); ?></a>
                        <?php if ( $edit_url != '' )
                                echo "<a href='$edit_url' class='cleanlogin-preview-edit-link'>". __( 'Edit my profile', 'clean-login' ) ."</a>";
                        ?>
                </div>

                <?php echo get_avatar( $current_user->ID, 128 ); ?>

                <?php // Since 1.1 (show username or not) ?>


                <!-- <h1> -->
                        <?php
                                if ( $show_user_information ) echo $current_user->user_login;
                         ?>
                        <small><?php if ($show_user_information) echo $current_user->user_firstname . ' ' . $current_user->user_lastname; ?></small>
                <!-- </h1> -->

        </div>
</div>

On remarque que l’avatar est probablement affiché ligne 23. Il faut mettre la commande php en commentaire.

                <?php //echo get_avatar( $current_user->ID, 128 ); ?>

Pour information, j’ai ajouté la ligne 9 pour empêcher l’affichage du nom utilisateur en dessous puisque qu’avec la disparition de l’avatar, celui-ci devient mal placé.

J’ai donc ajouté également la ligne 15 pour affiché le libellé de l’utilisateur en petit et entre crochets, aligné à droite.

Le résultat est le suivant :

Clean login possède les fonctionnalité suivantes :

  • Inscription
  • Notification par e-mail
  • Utiliser une adresse e-mail comme identifiant
  • Accès au tableau de bord
  • Protection contre les indésirables
  • Protection contre les indésirables
  • Rôle utilisateur
  • Masquer l’identifiant
  • Complexité du mot de passe
  • Mot de passe unique