wordpress文章页添加作者信息

先来看一下效果：

gitHub代码

参考：WordPress,作者函数(Author tags)在模板中的使用

首先是PHP代码,直接贴到Single.php页面需要地方就行,代码如下:

<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 echo "简介 : "; the_author_description(FALSE, FALSE, TRUE, FALSE); ?></p>
        <p>回到博客首页:
            <a title="回到博客首页" href='http://124.207.0.21/wordpress/' target='_blank'>witmob</a> | 所属分类：<?php the_category(', '); ?>
        </p>
    </div>
</div>

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

接着是CSS样式,直接贴到Style.css页面即可,代码如下:

/*----------------------------------------------------
                文章底部关于作者的描述
------------------------------------------------------*/
#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;
    padding-bottom: 50px;
}
#copyright img{
    display:inline-block;
    border:1px solid #dcdcdc;
    border-radius: 4px 4px 4px 4px;
    padding:2px;
}
#copyright .neirong{margin-left:100px;margin-top:-90px;margin-bottom:1px;}
#copyright p {margin:5px 0;line-height:20px;}

如果自己需要其他的样式可以自己调整