On va voir dans ce petit tuto comment ajouter un bloc auteur à WordPress sans avoir recours à l’installation d’un plugin …

Il peut-être intéressant d’ajouter un item ou un « bloc » auteur à la fin de vos articles, soit pour vous présenter, soit pour les besoins d’un blog avec de multiples auteurs. On peux également rajoutez une page auteur qui reprendrais tous les articles d’un auteur et plus si affinités.

Pour intégrer le bloc auteur et la page auteur on va procéder en deux étapes :

1. Dans la première étape on va modifié directement le fichier single.php
2. Dans la deuxième étape on va créer un fichier par exemple author.php 

Modification du fichier single.php pour l’ajout du bloc auteur

Pour créer un bloc sur chaque articles il faut modifié le fichier single.php qui se trouve dans le dossier de votre thème utilisé (wp-content/themes/theme_utilisé/…).

Une fois le fichier ouvert il faut rajouter ces lignes de code après l’affichage du contenu, c’est-à-dire après <?php the_content(); ?> :

<div class="boxauteur">
<?php echo get_avatar( get_the_author_id() , 80 ); ?>
<h4>Auteur: <a href="<?php the_author_url(); ?>"><?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>
<?php the_author_description(); ?>
<p><a href="<?php bloginfo('url'); ?>/?author=<?php the_author_ID(); ?>"><?php the_author_firstname(); ?> <?php the_author_lastname(); ?> &aacute; &eacute;crit <?php the_author_posts(); ?> articles pour vous.</a></p>
</div>

Donc là on viens de créer une box avec l’avatar de la personne en passant par le service Gravatar (lié à l’adresse mail), avec son Nom, Prénom, ainsi que sa description. Cette première parti du code reprend les infos du back office de WordPress dans le profil utilisateur.

La deuxième partie du code ajoute un lien vers tous les articles de l’auteur (que l’on n’a pas encore crée à cette étape) avec un récapitulatif du nombre d’articles écrits sur le blog.  Si vous n’êtes pas en fonctionnement multi-auteur cette deuxième parti de code n’a pas trop d’intérêt ..

Ajout d’une page reprenant tous les articles de l’auteur en question en créant un fichier author.php

Ce fichier servira à avoir une page qui regroupera les articles, la présentation … pour chaque auteur

Une fois crée il faudra mettre dans le fichier author.php toutes les infos que vous souhaitez apparaître voici un exemple qui est bien sur adapté à mon thème :

<?php get_header(); ?>

		<div id="main">
			<div class="main-w1">
				<div class="title-block">
					<ul class="breadcrumbs">
						<?php the_breadcrumb(); ?>
					</ul>
					<h1>
						 Auteurs
					</h1>
				</div>
				<div class="columns-holder">
					<div id="content">
					<div class="post">

    <?php
    $curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));
    ?>

    <h2><?php echo $curauth->nickname; ?></h2>
    <dl>
        <dt>Site</dt>
        <dd><a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a></dd>
        <dt>Profil</dt>
        <dd><?php echo $curauth->user_description; ?></dd>
    </dl>

    <h2>Autres articles par <?php echo $curauth->nickname; ?>:</h2>

    <ul>

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <li>
            <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
            <?php the_title(); ?></a>,
            <?php the_time('d M Y'); ?> dans <?php the_category('&');?>
        </li>

    <?php endwhile; else: ?>
        <p><?php _e('No posts by this author.'); ?></p>

    <?php endif; ?>

</div>
					</div>
					<?php get_sidebar(); ?>
				</div>
			</div>
		</div>

<?php get_footer(); ?>

Il faudra bien sur adapté ce fichier votre template wordpress selon vos envies.

Il existe d’autres options pour afficher d’autres informations stockés dans le profil de l’utilisateur WordPress, un petit tour sur le CODEX vous donnera toutes ces informations :

http://codex.wordpress.org/Author_Templates

Petit bonus : un petit CSS de départ pour vos blocs auteurs :

.boxauteur {
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin: 10px 0;
    }

.boxauteur h4 {
    font-size: 1.2em;
    margin: 0 0 10px 0;
    }

.boxauteur img {
    float: left;
    margin: 0 15px 8px 0;
    }

Voilà article un peu long dans le code mais cela évite bien d’installé un plugin pour ajouté votre bloc auteur …