Comment afficher aléatoirement les utilisateurs/utilisatrices inscrits dans WordPress

Mettre en vedette les utilisateurs enregistrés sur votre site WordPress peut stimuler l’engagement et créer un sens plus fort de la communauté. C’est un excellent moyen de reconnaître vos membres et de montrer que vous appréciez leur participation.

Toutefois, si votre site compte un grand nombre d’utilisateurs, les mettre tous en évidence peut s’avérer fastidieux. Il est plus facile et plus efficace d’en afficher quelques-uns sélectionnés de manière aléatoire.

Cela dit, la présentation aléatoire des utilisateurs enregistrés peut entraîner un autre problème. Si vous ne faites pas attention, vous risquez de montrer trop souvent les mêmes utilisateurs et de décourager les autres de se sentir appréciés.

Dans cet article, nous vous guiderons à travers les étapes pour afficher une liste d’utilisateurs enregistrés au hasard sur votre site WordPress. Vous apprendrez comment le mettre en place facilement et efficacement tout en vous assurant que tous vos membres se sentent inclus.

Pourquoi l’affichage aléatoire des utilisateurs/utilisatrices inscrits dans WordPress ?

Si vous gérez un site WordPress qui permet l’enregistrement d’utilisateurs, vous pouvez mettre en avant les utilisateurs enregistrés.

Il s’agit d’une pratique précieuse, que vous couriez ou non :

• Un blog multi-auteurs
• Un site d’adhésion
• Un cours en ligne
• Un forum, ou
• Un autre type de site multi-utilisateurs.

Vos utilisateurs sont les vedettes de votre site, et il est bon de les reconnaître.

Il existe de nombreuses façons de mettre en valeur les utilisateurs/utilisatrices et les auteurs/autrices sur votre site. Par exemple, vous pouvez ajouter une boîte d’information sur les auteurs/autrices et afficher les utilisateurs/autrices récemment inscrits.

Cependant, les sites populaires auront du mal à inclure tous leurs membres dans une seule liste. Vous souhaiterez peut-être afficher des utilisateurs aléatoires différents à chaque fois que quelqu’un visite votre site.

Dans les sections suivantes, nous allons vous montrer comment afficher les utilisateurs de manière aléatoire dans WordPress. Voici un aperçu rapide de toutes les étapes que nous allons couvrir :

Entrons dans le vif du sujet !

Ajout d’un code personnalisé pour afficher les utilisateurs enregistrés

Pour afficher une liste d’utilisateurs aléatoires, vous devez d’abord ajouter du code à vos fichiers WordPress. Si vous n’avez jamais fait cela auparavant, consultez notre guide sur la façon de copier et coller du code dans WordPress.

Il est courant de trouver des tutoriels WordPress contenant des instructions pour ajouter des extraits de code au fichier functions.php de votre thème dans une extension spécifique à votre site.

Cependant, le problème est que la moindre erreur dans l’extrait de code personnalisé peut endommager votre site. Par exemple, un problème dans le code peut rendre votre site inaccessible.

Nous vous recommandons donc d’utiliser l’extension WPCode.

WPCode est une extension facile à utiliser et adaptée aux débutants qui vous permet d’ajouter du code en toute sécurité à n’importe quelle partie de votre site WordPress. Il conserve tous vos codes en un seul endroit et évite les erreurs qui se produiraient si vous deviez modifier manuellement les fichiers de votre thème.

Pour en savoir plus sur cette extension, vous pouvez lire notre avis complet sur WPCode.

La première chose à faire ici est d’installer et d’activer l’extension gratuite WPCode. Si vous avez besoin d’aide, vous pouvez consulter notre guide sur l’installation d’une extension WordPress.

Après l’activation, vous pouvez vous rendre dans Code Snippets  » + Add Snippet depuis votre zone d’administration WordPress.

Vous accéderez ainsi à la bibliothèque d’extraits, où vous pourrez utiliser une série d’extraits de code prêts à l’emploi. Dans ce cas, nous cliquerons sur « Ajouter votre code personnalisé » pour ajouter notre extrait de code unique à notre site.

Sur l’écran suivant, vous choisirez « Extrait de code PHP » comme type de code.

Vous accédez alors à la page de l’éditeur de code.

À partir de là, vous pouvez donner un nom à votre extrait, par exemple « Affichage aléatoire de l’utilisateur ».

Ensuite, vous pouvez ajouter l’extrait de code suivant dans le champ « Aperçu du code » :

function wpb_random_users() {
    global $wpdb;

    if ( false === ( $usernames = get_transient( 'wpb_random_users_cache' ) ) ) {
        $usernames = $wpdb->get_results( "SELECT user_nicename, user_url, user_email FROM $wpdb->users ORDER BY RAND() LIMIT 5" );
        set_transient( 'wpb_random_users_cache', $usernames, HOUR_IN_SECONDS );
    }

    $randomusers = '<ul class="random-users">';

    // Display users in a list
    foreach ( $usernames as $username ) {
        if ( ! $username->user_url ) :
            $randomusers .= '<li>' . get_avatar( $username->user_email, 45 ) . $username->user_nicename . "</li>";
        else :
            $randomusers .= '<li>' . get_avatar( $username->user_email, 45 ) . '<a href="' . $username->user_url . '">' . $username->user_nicename . "</a></li>";
        endif;
    }
    $randomusers .= '</ul>';

    return $randomusers;
}

add_shortcode( 'randomusers', 'wpb_random_users' );

Voici à quoi cela devrait ressembler en WPCode :

Cela créera une liste de 5 utilisateurs aléatoires. Vous pouvez avoir plus ou moins d’utilisateurs dans la liste en modifiant le nombre dans ‘LIMIT 5’ à la ligne 5.

L’extrait de code interroge la table WordPress users de votre base de données et sélectionne une ligne au hasard. Il affiche ensuite les résultats sous forme de liste à puces avec l’avatar et le nom de l’utilisateur. Si l’utilisateur a indiqué l’URL de son site dans son profil, le nom de l’utilisateur sera également lié à son site.

Après avoir ajouté l’extrait de code, vous devez faire basculer le commutateur « Inactif » sur « Actif ».

Cliquez ensuite sur le bouton « Enregistrer l’extrait ».

Une fois enregistré, descendons jusqu’à la section « Insertion ».

Vous remarquerez qu’il existe deux méthodes d’insertion : « Insertion automatique » et « Code court ».

Puisque l’extrait de code que vous venez d’ajouter a attribué le shortcode [randomusers] que vous pouvez utiliser sur vos publications, pages et widgets, alors vous laisserez la méthode d’insertion comme « Auto Insert ».

Ensuite, nous devons ajouter le shortcode [randomusers] à notre menu latéral ou à tout autre endroit pour afficher la liste des utilisateurs enregistrés. Nous allons aborder 2 méthodes différentes.

Affichage d’utilisateurs enregistrés au hasard dans un widget

Cette méthode est plus facile pour les débutants. Elle vous permet d’afficher les utilisateurs/utilisatrices nouvellement inscrits en utilisant le code court suivant :

[randomusers]

Vous pouvez coller le shortcode dans une publication, une page ou un widget où vous souhaitez afficher la liste des utilisateurs enregistrés au hasard. Pour ce tutoriel, nous ajouterons la liste à un widget.

Vous devez vous rendre dans Apparence  » Widgets, puis cliquer sur l’icône d’insertion de blocs « + » à côté de « Widgets ».

La zone de personnalisation des widgets s’ouvre alors.

À partir de là, vous devez trouver et sélectionner le bloc « Shortcode » et le faire glisser dans votre barre latérale ou dans une autre zone de widgets.

Ensuite, vous pouvez saisir le shortcode [randomusers] à partir de WPCode.

N’oubliez pas de cliquer sur le bouton « Mettre à jour » pour que vos modifications soient directes.

Vous pouvez maintenant vous rendre sur votre site pour consulter la liste des utilisateurs enregistrés au hasard.

Pour modifier leur apparence, vous devez ajouter une feuille de style CSS personnalisée à votre site.

Affichage d’utilisateurs enregistrés au hasard dans une publication ou une page

Si vous utilisez un thème en bloc, il se peut que vous n’ayez pas de barre latérale. Au lieu de cela, vous pouvez afficher vos utilisateurs enregistrés au hasard dans une publication ou une page.

La première étape consiste à accéder à la fonction d’édition de l’ensemble du site, donc naviguons vers Apparence  » Éditeur.

Une fois à l’intérieur, vous verrez le modèle d’accueil de votre thème.

Pour modifier une page, cliquez sur « Pages » dans le menu de navigation vertical de gauche.

Sur l’écran suivant, vous devriez voir toutes les pages que vous avez créées sur votre site WordPress, y compris les pages publiées, ébauchées et programmées.

À partir de là, choisissez simplement la page que vous souhaitez modifier.

Par exemple, nous allons ajouter le code personnalisé de l’utilisateur aléatoire à la page « Sample Page » de notre site de démonstration.

L’éditeur de contenu de la page s’ouvre alors.

Dans l’éditeur de contenu, cliquez sur le bouton d’insertion de bloc  » + « , puis utilisez la barre de recherche pour rechercher le bloc  » Shortcode  » afin d’ajouter l’extrait de code personnalisé.

Une fois le bloc « Shortcode » ajouté à l’éditeur, saisissez le shortcode [randomusers].

L’éditeur de contenu ne vous montrera pas l’aperçu. Mais ne vous inquiétez pas, le shortcode fonctionne parfaitement.

Vous pouvez donc fermer l’onglet de prévisualisation et cliquer sur le bouton « Enregistrer », « Mettre à jour » ou « Publier » dans l’éditeur de contenu.

C’est tout !

Maintenant, si vous visitez la publication ou la page, vous verrez qu’il y a une section dédiée à l’affichage des utilisateurs enregistrés aléatoires.

Pour en savoir plus sur l’éditeur de thème par blocs de WordPress, vous pouvez consulter notre guide du débutant sur l’édition complète du site.

Afficher des utilisateurs enregistrés au hasard dans un modèle WordPress

La troisième méthode consiste à ajouter un identifiant de modèle aux fichiers de modèle de votre thème, tels que sidebar.php ou footer.php.

Pour en savoir plus, vous pouvez consulter notre aide-mémoire sur la hiérarchie des modèles WordPress, qui vous aidera à trouver le bon fichier de modèle de thème.

Ensuite, il suffit d’ajouter l’extrait de code de l’étiquette de modèle suivante à l’endroit où vous souhaitez que la liste des utilisateurs enregistrés soit affichée :

<?php wpb_random_users(); ?> 

Astuce bonus : Afficher les utilisateurs en ligne en temps réel dans WordPress

Le suivi des utilisateurs en ligne en temps réel vous permet de surveiller l’activité de votre site WordPress et fournit des mises à jour en direct sur le comportement des internautes.

Par exemple, si vous organisez une vente flash de 24 heures, le suivi en temps réel vous permet de voir si elle est performante et si elle attire plus d’internautes. Il montre également l’impact immédiat de vos promotions sur les médias sociaux.

L’observation de l’activité des utilisateurs peut vous aider à trouver les meilleurs moments pour publier des articles de blog. Vous pouvez également voir de quels pays proviennent vos utilisateurs les plus actifs, ce qui vous permet d’adapter vos campagnes marketing en conséquence.

Enfin, le fait d’indiquer le nombre d’utilisateurs actifs crée une preuve sociale, faisant apparaître votre site comme populaire et digne de confiance. Cela peut renforcer la confiance des nouveaux internautes qui souhaitent explorer votre contenu, faire des achats ou partager leurs coordonnées.

Pour plus de détails, vous pouvez consulter notre guide sur la façon d’afficher les utilisateurs en ligne en temps réel dans WordPress.

Nous espérons que ce tutoriel vous a aidé à apprendre comment afficher de manière aléatoire les utilisateurs enregistrés dans WordPress. Ensuite, vous pouvez lire nos guides sur la façon de modérer les enregistrements de nouveaux utilisateurs et sur la façon de permettre aux utilisateurs d’inviter leurs amis à s’enregistrer dans WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.