Comment Changer l’Avatar dans WordPress Sans Utiliser Gravatar

Ismail chraa
Ismail chraa
DÉVELOPEUR DES SITES WEB E-COMMERCE ET SITES DES SERVICES

Par défaut, WordPress utilise Gravatar pour gérer les avatars des utilisateurs. Cependant, si vous souhaitez changer d’avatar sans passer par Gravatar, vous pouvez utiliser d’autres méthodes pour personnaliser votre site. Voici un guide pour y parvenir.

Pourquoi Éviter Gravatar ?

Gravatar, c’est pratique, mais ce n’est pas toujours le meilleur choix. Voici pourquoi vous pourriez vouloir vous en passer :

  • Confidentialité : Vos utilisateurs n’aiment peut-être pas que leur adresse e-mail soit liée à un service externe.
  • Unicité : Vous voulez des avatars personnalisés qui reflètent l’identité unique de votre site.
  • Simplicité : Vous voulez tout gérer directement sur votre tableau de bord WordPress.

Les Solutions Simples et Rapides

1. Utilisez un Plugin (Aucun Codage Nécessaire !)

La méthode la plus rapide pour changer les avatars est d’installer un plugin. Voici deux options testées et approuvées :

WP User Avatar (Maintenant ProfilePress)

Avec ce plugin, vous pouvez téléverser une image directement depuis votre bibliothèque média WordPress.

Comment l’utiliser :

  1. Installez le plugin via Extensions > Ajouter.
  2. Rendez-vous sur Utilisateurs > Profil.
  3. Téléversez une image de votre choix.
  4. Sauvegardez les modifications, et voilà ! 🚀

Simple Local Avatars

Léger et facile à configurer, ce plugin vous permet de gérer les avatars localement.

Mode d’emploi :

  1. Installez-le et activez-le.
  2. Dans la section profil utilisateur, téléversez un avatar.
  3. Votre avatar est maintenant visible sur tout le site !

2. Définir un Avatar Personnalisé avec du Code

Vous aimez mettre les mains dans le cambouis ? Voici une solution pour définir un avatar par défaut avec un peu de code.

Étapes :

  1. Ajoutez ce code à votre fichier functions.php :
function custom_default_avatar($avatar_defaults) {
    $custom_avatar_url = get_template_directory_uri() . '/images/custom-avatar.png';
    $avatar_defaults[$custom_avatar_url] = 'Avatar Personnalisé';
    return $avatar_defaults;
}
add_filter('avatar_defaults', 'custom_default_avatar');
PHP
  1. Téléversez une image (par exemple, custom-avatar.png) dans le dossier /images/ de votre thème.
  2. Rendez-vous dans Réglages > Discussion et sélectionnez votre avatar personnalisé.

🎉 Félicitations, votre site a maintenant un look unique !

3. Permettez à Vos Utilisateurs de Téléverser Leurs Propres Avatars

Vous voulez donner encore plus de liberté à vos utilisateurs ? Créez une fonctionnalité où ils pourront téléverser leurs propres avatars directement depuis leur profil.

  1. Ajoutez ce code à votre fichier functions.php pour permettre l’envoi d’images :
function upload_custom_avatar($user_id) {
    if (!empty($_FILES['custom_avatar']['name'])) {
        $uploaded_file = wp_handle_upload($_FILES['custom_avatar'], array('test_form' => false));
        if (isset($uploaded_file['url'])) {
            update_user_meta($user_id, 'custom_avatar', $uploaded_file['url']);
        }
    }
}
add_action('personal_options_update', 'upload_custom_avatar');
add_action('edit_user_profile_update', 'upload_custom_avatar');
PHP
  • 2. Puis, affichez ces avatars sur le site :
function display_custom_avatar($avatar, $id_or_email, $args) {
    $user = is_numeric($id_or_email) ? get_user_by('id', $id_or_email) : get_user_by('email', $id_or_email);
    if ($user && ($custom_avatar = get_user_meta($user->ID, 'custom_avatar', true))) {
        $avatar = '<img src="' . esc_url($custom_avatar) . '" alt="" class="avatar" />';
    }
    return $avatar;
}
add_filter('get_avatar', 'display_custom_avatar', 10, 3);
PHP

💡 Astuce : Offrez un aperçu des avatars personnalisés pour une meilleure expérience utilisateur !

Pourquoi Choisir Ces Alternatives ?

En optant pour ces méthodes, vous obtenez :

  • Une totale maîtrise des avatars de votre site.
  • Une expérience utilisateur enrichie avec des avatars uniques et personnalisés.
  • Une confidentialité accrue pour vos utilisateurs.

Partager L’article :
Facebook
LinkedIn
WhatsApp
Telegram