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

很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在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

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠