WordPress: Ajouter une bio d’auteur à la fin de vos articles

Biographie d'auteur dans wordpressAvez-vous déjà vu des articles de blogue avec une section dédiée à la biographie de l’auteur? Cela peut être très utile surtout pour les blogues multiauteurs. Si vous voulez la même chose, ce n’est pas très compliqué. WordPress à des fonctions intégrées pour nous faciliter la vie.

Bien sûr, vous pourriez utiliser une extension seulement pour des raisons de performances et donc de SEO, je privilège d’insérer le code manuellement. De cette façon, une extension de moins sera initialisée au chargement de vos pages.

Le tous en trois étapes faciles:

#1 Ajouter le nom d’auteur

Une fonction existe déjà pour afficher l’auteur d’un article.

<?php the_author() ?>

Il est à noter qu’il est important de choisir dans l’administration le nom le mieux formaté possible.

#2 Ajouter une courte description

Il est possible d’ajouter du code HTML pour faire un lien vers votre page Twitter par exemple.

<?php the_author_description(); ?>

#3 Ajouter une image

Bien sûr, vous pourriez utiliser une extension qui ajoute la possibilité de télécharger une image pour chaque utilisateur/auteur de votre blogue. Par contre, utiliser le Gravatar de l’auteur me semble une meilleure option.

<?php $gravatar_link = 'http://www.gravatar.com/avatar/' .
	md5(get_the_author_meta('user_email')) . '?s=76';
	echo '<img src="' . $gravatar_link . '" alt="" />';
?>

Your Gravatar is an image that follows you from site to site appearing beside your name when you do things like comment or post on a blog. Avatars help identify your posts on blogs and web forums, so why not on any site?

Le code au complet:

<div id="auteur">
    <?php $gravatar_link = 'http://www.gravatar.com/avatar/' .
        md5(get_the_author_meta('user_email')) . '?s=76';
        echo '<img src="' . $gravatar_link . '" alt="" />';
    ?>
    <div id="author-links">
        Par <?php the_author() ?>
    </div>

    <?php the_author_description(); ?>
</div><!--auteur-->

Un peu de style:

[css]
#auteur{
color:#9C9C92;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
line-height:22px;
nargin: 20px 0 0 0;
}

#auteur img{
background-color:#FFFFFF;
border: 1px solid #EEEEEE;
float:right;
margin: 5px 0 0 35px;
padding: 5px
}

#author-links {
color:#7E7E75;
line-height:30px;
}
[/css]

À votre tour

Utilisez-vous les biographies d’auteur sur votre blogue?

Image par Nikolay Bachiyski