Styling d'informations sur l'auteur d'un poste à la fin de cette

Habituellement trouver des sites où la fin de la poste est une boîte avec des informations sur l'auteur: son image ( Gravatar ), votre nom, un petit ... ainsi que des informations biographiques, par exemple, le nombre d'articles que cet auteur a publié sur le site .

Aujourd'hui, nous allons voir comment afficher tout cela et fournir des styles CSS pour nous aider à créer nos propres.

Marcelo a écrit il ya quelque temps sur la plaque porte-clés qui nous apportera des informations de la base de données, c'est à dire l'affichage des informations sur l'auteur peut modifier l'administration WordPress fois que nous sommes inscrits sur le site, et où nous pouvons Les champs de "Biographie", "URL", "Gravatar", e-mail, etc

Aujourd'hui, nous allons essayer, dans le cadre de la CSS de prendre le jeu en une structure qui peut être facilement modifié. Commençons par:

 id="info-autor"> <div
	 id="imagen-autor"> <div
		 href="**Web <a de Autor**"> Auteur Gravatar ** ** </ a>
	 </ Div>
	 id="bio-del-autor"> <div
		 Rédigé par <a href = <h4> "** ** Web de l'auteur"> ** ** <Nom de l'auteur / a> </ h4>
		 <p> Description Auteur ** ** </ p>
	 </ Div>
 </ Div ><!-- Info Auteur ->

Dans le code, nous voyons les différents éléments que nous transformer en PHP pour être efficace.

Ajoutons le PHP si nécessaire:

 id="info-autor"> <div
	 id="imagen-autor"> <div
		 <A href = "<? The_author_meta Php (« user_url) php echo ?>"><? get_avatar (get_the_author_meta («user_email '), '80','');?> </ A>
	 </ Div>
	 id="bio-autor"> <div
		 <h4> Rédigé par <? php the_author_link ();?> </ h4>
		 <p> <? php the_author_meta ('<');?> description / p>
	 </ Div>
 </ Div ><!-- Info Auteur ->

Et maintenant préparer CSS formate le résultat final:

 div # Auteur-info (fond: # eaeaec; padding: 10px; margin: 0 0 15px 0;-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px; overflow: auto; ) div # auteur-info div # auteur de l'image (float: left; margin: 0 10px 5px 0; border: 5px solid # DCDCE1;) 

Aussi simple que cela.

Passons en revue toutes les balises PHP que nous avons utilisé:

 <? The_author_meta Php («');?> user_url

Utilisée pour extraire plusieurs éléments d'information sur l'utilisateur (auteur).

 <? Php echo get_avatar (get_the_author_meta («user_email '), '80','');?>

Vous permet de supprimer l'image de l'auteur, selon le Gravatar associé à votre compte de messagerie (qui doit correspondre à celle enregistrée dans WordPress).

 <? ();?> The_author_link Php

Imprimer le nom de l'auteur, automatiquement liée à votre site Web (qui a indiqué dans son profil).

 <? The_author_meta Php («');?> description

Affiche les informations de base biographique.

Nous espérons que vous utiliser tous ces trucs et certains grands sites que vous pensez multi-auteur avec WordPress.