現在打算做一個(gè)集體博客”TownFine”,那么必然會(huì )有好幾個(gè)作者,而在首頁(yè)或文章中能在每篇文章前顯示作者的頭像和鏈接,效果會(huì )更好些。我這人比較笨,也是才學(xué)習CSS沒(méi)多久,于是摸索這找到了這樣一種方式:
首先WordPress在管理后臺的【設置】-【討論】頁(yè),將頭像選項中的【頭像顯示】選項選中“顯示頭像”,【最大等級】選項選中“G”,【默認頭像】選擇“Gravatar標志”。然后保存。
現在先在樣式表中建立一個(gè)浮動(dòng)CSS框,我們利用ID為“autherimg”來(lái)做,使其向左浮動(dòng),底部邊框為實(shí)線(xiàn),5px粗,外邊框上和左為0,右邊為20px,下邊為15px 。建立代碼如下:
#autherimg {
float:left;
border-bottom-style:solid;
border-bottom-width:5px;
margin:0px 20px 15px 0px;
text-align:center;
}
注明:如果你要想現實(shí)該頭像在右側,則將“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>
其中g(shù)et_avatar( get_the_author_email(), 80 )中的80可以更改為你想要的最大高度。
很簡(jiǎn)單的一種方法,可能調用的東西比較多,但是我還不會(huì )更高級的方法。呵呵。

聯(lián)系客服