Wordpress : Modifier la page auteurs

Accueil > Articles > Wordpress : Modifier la page auteurs

[EDIT] Cet article est toujours valable, mais mon blog de fiches de lecture n’est plus sous Wordpress, car je suis passé de Wordpress à Spip. Je laisse l’article et la méthode, mais je supprime les liens vers le blog.

Il y a des solutions toutes faites qui ne fonctionnent pas correctement, le plus simple consiste, essentiellement, à entrer dans le code Wordpress

De plus, on fait attention à certaines questions de référencement, pour éviter le "duplicate content", ou des balises de hiérarchie mal utilisées.

1. Quelques plugins à installer

–  Par défaut, dans le profil des utilisateurs, Wordpress propose un avatar, qui fonctionne, si j’ai bien compris, grâce au système gravatar : une image, toujours la même, associée à votre adresse mail.

–  Dans le cas de mon blog, cela ne convient pas, car mes auteurs n’ont pas de gravatar. Je souhaite donc mettre en place un moyen d’afficher leur photo à la place de cet avatar de malheur.. ;

–  J’ai eu recours pour cela au plugin Wordpress User Avatar

–  Ensuite, je souhaite créer une page avec les avatars des contributeurs. Pour cela, j’utilise le plugin Author Avatar List. Une fois le plugin installé, il suffit de créer une page et d’y ajouter le « shortcode » qui vous est proposé.

–  N’oubliez-pas de bien remplir la bio de chaque auteur.

2. La page Auteurs

De très bons conseils pour rendre votre page Auteurs « SEO Friendly » sont donnés dans l’article « Les pages auteurs de Wordpress », dont je me suis largement inspiré, avec quelques modifications. En particulier, il n’est plus nécessaire d’ajouter un champ supplémentaire pour proposer le lien vers la page Google + de l’auteur, il existe nativement dans les dernières versions de Wordpress.

J’ai effectivement ajouté dans le présentation de l’auteur

–  sa photo

–  sa bio

–  son site web

–  sa page Google + avec un petit logo.

On ouvre l’éditeur de template de Wordpress, et on sélectionne la page « modèle pour un auteur » (author.php)

<?php
			// If a user has filled out their description, show a bio on their entries.
			if ( get_the_author_meta( 'description' ) ) : ?>
			<div class="author-info">
				<div class="author-avatar">
					<?php
					/**
					 * Filter the author bio avatar size.
					 *
					 * @since Twenty Twelve 1.0
					 *
					 * @param int $size The height and width of the avatar in pixels.
					 */
					$author_bio_avatar_size = apply_filters( 'twentytwelve_author_bio_avatar_size', 68 );
					echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );
					?>
				</div><!-- .author-avatar -->
				<div class="author-description">
					<h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2>
					<p><?php the_author_meta( 'description' ); ?></p>
					<p><a href="<?php the_author_meta('user_url'); ?>"><?php the_author_meta('user_url'); ?></a></p>
<p><img style="vertical-align:middle; margin-right:5px; " src="http://blog.peuterey-editions.com/wp-content/plugins/social-media-widget/images/default/32/googleplus.png"><?php $temp=get_the_author_meta('googleplus');        
if (!empty($temp)){
  echo '<a rel="me" href="'.esc_url(get_the_author_meta('googleplus')).'" title="'.get_the_author_meta('nickname').' sur Google+" target="_blank">+'.get_the_author().'</a>';
}?></p>
				</div><!-- .author-description	-->
			</div><!-- .author-info -->
			<?php endif; ?>

–  on remarque bien au début que l’ensemble ne s’affiche que si l’auteur a rempli sa biographie

– on remarque aussi qu’il faut tenir compte des balises de style de votre thème (oui,ça parait logique, mais je préfère tout dire)

–  j’ai inséré les lignes

<p><a href="<?php the_author_meta('user_url'); ?>"><?php the_author_meta('user_url'); ?></a></p> 

pour avoir le site web de l’auteur et un lien sur le site

et

<p><img style="vertical-align:middle; margin-right:5px; " src="http://blog.peuterey-editions.com/wp-content/plugins/social-media-widget/images/default/32/googleplus.png"><?php $temp=get_the_author_meta('googleplus');        
if (!empty($temp)){
  echo '<a rel="me" href="'.esc_url(get_the_author_meta('googleplus')).'" title="'.get_the_author_meta('nickname').' sur Google+" target="_blank">+'.get_the_author().'</a>';
}?></p>

pour avoir un lien vers le profil Google + de l’auteur ainsi qu’un logo Google +

Enfin, j’utilise le code

			<?php /* Start the Loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>
<article>
		<header class="entry-header">
			<h2 class="entry-title">
				<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
			</h2>
		</header>
<div class="entry-summary">
        <div class="excerpt-thumb">
            <a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
            <?php the_post_thumbnail('excerpt-thumbnail', 'class=alignleft'); ?>
            </a>
        </div>
			<?php the_excerpt(); ?>
		</div><!-- .entry-summary -->
</article>
			<?php endwhile; ?>

pour afficher les extraits <?php the_excerpt(); ?> des articles, avec leur logo. Par défaut, le thème que j’utilise affiche l’intégralité de l’article, ce qui ne m’intéresse pas : je souhaite présenter une liste des articles écrits par chaque collaborateur, pour que l’on puisse facilement les passer en revue.

3. Pour les pages catégories et mot-clé

Je fais la même opération pour les pages catégories et mot-clé, pour que l’on puisse avoir une liste des extraits des articles dans chaque catégorie et pour chaque mot-clé.

4. Optimisation des balises Hn

Tout le monde le dit, et j’ai mis du temps à m’en rendre compte : les blog Wordpress ne sont pas spécialement optimisés pour les moteurs de recherche. Parmi les points à améliorer, on trouve plusieurs balises h1 par page, que ce soit sur la page d’accueil ou dans un article.

J’ai suivi en cela les indications données par noviseo.fr : « Optimiser les balises hn sur Worpress », et l’un des articles du blog axe-net sur ce sujet : « La hiérarchie des balises h1, h2, hn... et le référencement »

Il y a eu des améliorations sur mon blog, en particulier pour chaque article, désormais, il n’y a plus qu’une balise h1, et elle est sur le titre de l’article.

Je n’ai néanmoins pas réussi à tout modifier, et il y a encore une hiérarchie défectueuses, puisque pour chaque page d’article, on commence par des h3 (le menu) puis le h1 et le h2. Pour l’instant, je n’ai pas le temps de tout reprendre.