wordpress文章页添加作者信息

最新推荐文章于 2023-06-26 11:36:14 发布

混沌极致

最新推荐文章于 2023-06-26 11:36:14 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： wordPress

本文链接：https://blog.youkuaiyun.com/marujunyy/article/details/8466296

wordPress 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在WordPress中使用PHP代码显示文章作者的头像、姓名及简介等信息，并提供了具体的代码实现与CSS样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先来看一下效果：

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;}

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