程序员人生 网站导航

在WordPress文章后添加作者简介的方法

栏目:WordPress时间:2014-01-31 09:23:45

很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在WordPress多用户博客中这逐渐成为一种趋势。 这里我们就来介绍下怎样在不使用插件的情况下,让文章的结尾部分中出现作者的简介。

首先打开主题文件夹中的style.css文件,添加以下代码:

#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:500px;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:left;
border: 1px solid #ddd;
width: 100px;
height: 100px;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
padding-left:120px;
}

注意: 可能需要修改css文件使之匹配你的主题格式。
代码添加完毕后,打开single.php文件,在loop中添加以下代码:

<div id="authorarea">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '100' ); }?>
<div class="authorinfo">
<h3>About <?php the_author_posts_link(); ?></h3>
<p><?php the_author_description(); ?></p>
</div>
</div>

有很多种方法可以获取作者头像,这里我们用的是Gravatar头像。 上面的代码将获取与作者email匹配的头像。

如果希望建立一个独立的作者介绍页面,请参考如何在 WorPress中添加自定义的个人信息页面。

来源:How to Add an Author Info Box in WordPress Posts

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐