WordPress中利用CSS调用作者Gravatar头像

现在打算做一个集体博客”TownFine”,那么必然会有好几个作者,而在首页或文章中能在每篇文章前显示作者的头像和链接,效果会更好些。我这人比较笨,也是才学习CSS没多久,于是摸索这找到了这样一种方式:

首先WordPress在管理后台的【设置】-【讨论】页,将头像选项中的【头像显示】选项选中“显示头像”,【最大等级】选项选中“G”,【默认头像】选择“Gravatar标志”。然后保存。

现在先在样式表中建立一个浮动CSS框,我们利用ID为“autherimg”来做,使其向左浮动,底部边框为实线,5px粗,外边框上和左为0,右边为20px,下边为15px 。建立代码如下:

#autherimg {
float:left;
border-bottom-style:solid;
border-bottom-width:5px;
margin:0px 20px 15px 0px;
text-align:center;
}

注明:如果你要想现实该头像在右侧,则将“float:left;”更改为“floalt:right;”

第二步,在所需要显示作者头像和姓名的部分,插入如下代码:

<div id=”autherimg”><?php echo get_avatar( get_the_author_email(), 80 ); ?><br />
<strong><?php the_author_posts_link(); ?></strong>
</div>

其中get_avatar( get_the_author_email(), 80 )中的80可以更改为你想要的最大高度。

很简单的一种方法,可能调用的东西比较多,但是我还不会更高级的方法。呵呵。

实际效果请到http://www.TownFine.com查看。