sastgroup.com

Creare una sezione “Info Autore” su Wordpress!

Posted on 25. Nov, 2009 by daniele in tutorials, wordpress

Diventa sempre più comune trovare alla fine di ogni articolo il profilo dell'autore che ha pubblicato l'articolo. Se volete implementarlo anche voi sul vostro blog seguite il tutorial che vi proponiamo oggi!

STILE CSS

 
#main div#author-info {
	background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: auto;
}
	#main div#author-info div#author-image {
		float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
	}
 

HTML + TAG WORDPRESS

 
<div id="author-info">
<div id="author-image">
    	<a href="<?php the_author_meta('user_url'); ?>">< ?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?></a>
    </div>
<div id="author-bio">
<h4>Written by < ?php the_author_link(); ?></h4>
 
< ?php the_author_meta('description'); ?>
</div>
</div>
 
<!--Author Info-->