By烟花易冷

文章页不再单调,给主题添加【作者专栏】功能
2013-08-17

其实我们横容易就发现,不少主题在文章末尾,都有一栏专门写着文章作者,以及作者的简介,对于多个用户的wordpress博客,这个功能还是非常不错的,我原来用的DNSHH主题自带了这个功能,而现在换到了mossight,发现这强大的mossight竟然木有这个功能,我和小伙伴们都惊呆了。。好吧,我自己加入,这总可以吧,自己动手,丰衣足食,必须的。。。

其实再强大的wordpress主题,也是由基本的WP调用组成,只不过美化的好而已,我们知道WP的文章页面是通过single.php文件里面的循环来加载文章的(有一些是直接index.php),现在我们就从这里下手,手动加入代码。

以下这段代码是我经过修改与整合的,我正在使用,与mossight主题的风格相搭配很不错,当然其他主题也适用。

首先这段加入到

/*作者信息样式 zzfly.net */
#yhylinfo-zuoze {
margin-top: 15px;
margin-bottom: 20px;
margin-top: 5px;
border: 1px solid #d9d9d9;
clear: both;
background-color: #F5F5F5;
padding: 10px;
width: auto;
height: 85px;}

#zuoze-img {
height: 70px; width: 70px;
border: 1px solid #d9d9d9;
background-color: #FFFFFF;
padding: 5px;
margin-bottom: 10px;
float: left;}

#zuoze-text {
border:0px solid #000;
margin-left: 90px;
text-align:left;/*让文本居左*/
text-decoration:none; /* 去掉下划线 */
font-size:14px;
}

然后这一段加入到single.php的适合位置,大约文章加载后的地方

<!–本文小编 zzfly.net–>
<div id=”zzfly.net-zuoze”>
<div id=”zuoze-img”>
<?php if (function_exists(‘get_avatar’)) { echo get_avatar( get_the_author_email(), ’70’ ); }?>
</div>
<div id=”zuoze-text”>
<strong><?php the_author_link(); ?></strong>
<p><?php the_author_description();?></p>
</div></div>

代码仅供参考,这里作者头像的大小是70*70,大家可以慢慢修改,直至合适自己主题为止。

大家转载注意注明链接啊亲!别忘了行规啊亲!歌曲来一首啊亲!