Dans cet article, nous montrerons le code de base nécessaire pour ajouter une biographie d’auteur à votre thème WordPress. Maintenant, ce guide est orienté vers les développeurs à la recherche du code de base à ajouter à leur thème. Si vous n’êtes pas développeur et que le thème que vous utilisez n’inclut pas de biographie d’auteur, la meilleure solution est d’utiliser un plugin, auquel cas vous pouvez consulter notre autre article «Comment ajouter une boîte d’auteur à votre site WordPress» pour quelques suggestions. Maintenant, entrons dans le code:

Auteur Bio PHP / HTML

L’exemple de code suivant vous permettra de commencer à ajouter votre biographie d’auteur à votre site. Ce code affichera le nom et la description de l’auteur. Le nom sera lié à la page des articles de l’auteur. Habituellement, ce code serait ajouté sous vos articles de blog, donc quelque part dans le fichier single.php ou singular.php. Assurez-vous simplement de remplacer text_domain par celui de votre thème Domaine de texte et vous pouvez changer le «60» à la taille que vous voulez que votre avatar d’auteur soit.

<div id="author-bio">

    <div id="author-avatar"><?php echo get_avatar( get_the_author_meta( 'ID' ), 60 ); ?></div>

    <div id="author-details">
        <h2><?php esc_html_e( 'Post Written by', 'text_domain' ); ?></strong> <?php the_author_posts_link(); ?></h2>
        <?php the_author_description(); ?>
    </div><!-- #author-details -->

</div><!-- #author-bio -->

Exemple Auteur Bio CSS

Vous trouverez ci-dessous quelques CSS que vous pouvez ajouter à votre fichier style.css pour donner à votre boîte d’auteur un style de base.

#author-bio {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#author-avatar {
    float: left;
    margin-right: 20px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
}

#author-details {
    overflow: hidden;
}

#author-details h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px;
}

Comment ajouter la bio description de votre auteur?

Pour que la description apparaisse dans la section bio, vous devez l’ajouter à votre profil utilisateur dans votre tableau de bord WordPress. Cela se fait sous votre écran d’édition utilisateur auquel vous pouvez accéder via Utilisateurs> Votre profil et modifier le “Information biographique” champ.

Share: