WordPress

Modifier le Gravatar Homme mystère

Petit bout de code trouvé sur https://wpformation.com/hacks-wordpress/ et modifié pour permettre l’utilisation de l’image en provenance d’un dossier du thème enfant.

Lorsqu’un commentaire est déposé par un visiteur sur le blog, si ce visiteur n’est pas connecté à Gravatar.com, il aura un Gravatar par défaut. Le Back-Office de WordPress en propose quelques-uns mais il faut bien l’avouer, ils ne sont pas très beaux.

On peut facilement remplacer cette image par une image personnalisée.

Option 1 – l’image est dans le thème principal

Créez une image carrée, en .jpg ou .png et placez là dans un dossier images de votre thème. Attention : si vous utilisez un thème enfant, c’est le deuxième code qu’il faudra utiliser.

  • Envoyez votre image personnalisée dans le dossier à l’aide de votre FTP ;
  • copiez-collez ce code dans le fichier functions.php de votre thème ;
  • Remplacez le nom du fichier image que vous voyez dans le code mon_gravatar.jpg par celui de votre gravatar personnalisé ;
  • Remplacez le nom du Gravatar (nom_Gravatar) par le nom que vous voulez voir affiché dans le back-office de WordPress.
// GRAVATAR personnalisé pour les commentaires 
// dossier images dans le thème PARENT
add_filter( 'avatar_defaults', 'newgravatar' );
    function newgravatar ($avatar_defaults) {
	$myavatar = get_bloginfo('template_directory') . '/images/mon_gravatar.jpg';
	$avatar_defaults[$myavatar] = "nom_Gravatar";
	return $avatar_defaults;
}

get_bloginfo(‘template_directory’) donne l’emplacement du dossier du thème (Attention, pas celui du thème enfant, on parle bien ici du thème principal).

Option 2 – l’image est dans le thème enfant

// GRAVATAR personnalisé pour les commentaires 
// dossier images dans le thème ENFANT
add_filter( 'avatar_defaults', 'newgravatar' );
    function newgravatar ($avatar_defaults) {
	$myavatar = get_bloginfo('stylesheet_url') . '/../images/mon_gravatar.png';
	$avatar_defaults[$myavatar] = "nom_Gravatar";
	return $avatar_defaults;
}

L’astuce pour utiliser le thème enfant.

get_bloginfo(‘stylesheet_url’) donne l’emplacement de la feuille de style utilisée, donc, celle qui est dans le thème enfant.

Mais attention, stylesheet_url donne l’adresse de la feuille de style du thème utilisée avec priorité au thème ENFANT. Donc quelque chose comme ça : 

http://example.com/wp-content/themes/child_theme/style.css

Si vous avez placé votre image dans le dossier images du thème enfant, il faut remonter d’un cran pour pouvoir atteindre le dossier en question, d’où la présence des /../ avant

Et voila le résultat (le logo nommé Academy) :

Laisser un commentaire

ℹ Les champs de contact ne sont pas obligatoires (nom et e-mail), mais ils sont vivement conseillés si vous souhaitez recevoir une réponse.
Si vous laissez votre adresse e-mail, elle ne sera pas publiée.