Ajouter une description biographique d’auteur dans vos articles

Publié par Fred Le

Catégorie(s): Tutoriel Wordpress
 

Dans ce petit tutoriel, nous allons voir comment créer une fonction qui va permettre d’afficher une description biographique d’auteur dans vos articles sous WordPress.


Première étape nous allons créer une fonction en PHP qui fera appel à d’autres fonctions de WordPress :

–          get_the_author(); (Récupère l’auteur de l’article. Cette fonction doit être utilisée dans la boucle.)

–          get_avatar() ; (Récupère l’avatar l’auteur)

–          get_author_posts_url() ; (Obtient l’URL de la page de l’auteur avec son ID)

–          get_the_author_meta() ; (Cette fonction retourne les données souhaitées pour un utilisateur)



Ajouter le code suivant dans votre fichier function.php de votre thème :

// Author Bio

  function author_excerpt (){                                             
        $word_limit = 20; // Limite le nombre de mots
        $more_txt = 'En savoir plus sur:'; // Texte du lien vers la page de l'auteur
        $txt_end = '...'; // Fin du texte 
        $authorName = get_the_author();
		$authorImage = get_avatar( get_the_author_meta( 'ID' ), 64 );
        $authorUrl = get_author_posts_url( get_the_author_meta('ID'));
        $authorDescriptionShort = '<div class="author-b">'.$authorImage.'</div>' .wp_trim_words(strip_tags(get_the_author_meta('description')), $word_limit, $txt_end.'<br />'.$more_txt.' <a href="'.$authorUrl.'">'.$authorName.'</a>');
        return $authorDescriptionShort;         
    }

À la ligne 4, vous pouvez modifier le nombre de mots à afficher dans la description de l’auteur.

À la ligne 5, modifiez le texte  du lien vers la page de l’auteur.

À la ligne 6 vous pouvez choisir la fin de l’extrait pointillé, flèche…..

À la ligne 8 vous pouvez changer la taille de votre avatar, la j’ai mis 64 (64px par 64px).


Ajoutez le code css ci-dessous dans votre fichier style.css de votre thème, il va permettre d’aligner votre avatar à gauche de la description.

.author-b img{
	 float: left;
	 margin: 0 4px 4px 4px;
	 border: solid 3px #CCC;
 }

Pour terminé ajoutez le code PHP suivant a l’intérieur de votre boucle, il va appeler la fonction qui va afficher l’extrait de votre biographique :

<?php  if (function_exists('author_excerpt')){echo author_excerpt();} ?>




Laisser un commentaire

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Pour affiché du code HTML, CSS, PHP, JAVASCRIPT utilisé le marqueur : [code][/code]