WordPress,文章頁面添加作者信息,適合多用戶博客

公元2011年12月13日沒人鳥我喲打醬油看熱鬧的有:3,768 views

WordPress,文章頁面添加作者信息,適合多用戶博客

相信很多朋友都遇到過多作者的博客,就是一個博客有多個寫手,嘿嘿,這樣的博客相信在文章頁面加個作者信息介紹還是很有必要的,不然很容易忽略作者,一下弄不清是哪個作者寫的,這個今天是在幫漠北做這個介紹的時候發現的,還挺不錯的,當然如果是個人博客,同樣可以使用,下面就分享下實現的方法!

這個需要用的所有函數我先前寫過一篇文章介紹過,如果有需要DIY的童靴,可以移步去看下!

WordPress,作者函數(Author tags)在模板中的使用

喜歡折騰的同學勇猛的去吧!不折騰不成方圓,長折騰,有益身心健康喲!

上張效果圖,喜歡就GO,不喜歡就閃啊,別噴我!我好人,效果如下:

沫.WordPress,文章頁面添加作者信息,適合多用戶博客

下面我就直接貼出來我的實現代碼包括樣式,需要的同學直接Copy即可!

首先是PHP代碼,直接貼到Single.php頁面需要的顯示的地方即可,代碼如下:

1
2
3
4
5
6
7
8
9
10
11
12
<div id="copyright">
<?php echo get_avatar($authordata->ID,'80');?>
<div class="neirong">
<p style="font-size:15px;"><a href="<?php echo $authordata->user_url; ?>" 
title="<?php echo $authordata->display_name;?>">
<?php echo $authordata->display_name;?></a></p>
<p><?php the_author_description(FALSE, FALSE, TRUE, FALSE); ?></p>
<p>訂閱本站: 
<a title="RSS訂閱本博客" href='http://muo.me/?feed=rss2' target='_blank'>
素心如簡,人淡如菊</a> | 所屬分類:<?php the_category(', '); ?></p>
	</div>
</div>

接著是CSS樣式,直接貼到Style.css頁面即可,代碼如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#copyright{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-top:10px;
padding:20px 20px 12px 20px;
border:1px solid #dddddd;
border-radius: 8px 8px 8px 8px;
}
#copyright img{
display:inline-block;
border:1px solid #dcdcdc;
border-radius: 4px 4px 4px 4px;
padding:2px;
}
#copyright .neirong{margin-left:100px;margin-top:-100px;margin-bottom:1px;}
#copyright p {margin:5px 0;line-height:20px;}

搞定,不同的作者就會顯示不同的名字,頭像,和個人說明(描述)信息,個人的描述信息直接是調取後臺作者頁面設置的,不需要再進頁面模板單獨設置,還是挺方便的!以上代碼請根據自己的網站情況和審美需求修改成自己喜歡的樣式和內容即可!

OK!就這樣了,休息一下,馬上回來!Over!