Dans cet article, nous montrerons le code de base nécessaire pour ajouter une biographie d’auteur à votre thème WordPress. Désormais, ce guide s’adresse aux 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 consiste à 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 :
Biographie de l’auteur PHP/HTML
L’exemple de code suivant vous permettra de commencer à ajouter votre biographie d’auteur à votre site. Ce code affichera le nom de l’auteur et sa description. Le nom sera lié à la page des messages de l’auteur. Habituellement, ce code serait ajouté sous les articles de votre 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 de CSS de la biographie de l’auteur
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 description de votre biographie d’auteur ?
Pour que la description apparaisse dans la section bio, vous devez l’ajouter à votre profil d’utilisateur dans votre tableau de bord WordPress. Cela se fait sous votre écran d’édition d’utilisateur auquel vous pouvez accéder via Utilisateurs> Votre profil et modifiez le « Information biographique » domaine.