如何在 WordPress 文章中添加作者信息栏

根据网站运营的需要,很多 WordPress 网站站长想在文章末尾,加一个作者简介信息栏模块,这样就可以在每篇文章末尾展示作者个人的头像、昵称、个人简介、网站以及社交网络等信息。

在本文中,我们将介绍在 WordPress 网站上添加作者信息模块的三种方法。

1. 选择带有作者信息模块的 WordPress 主题 

如果网站为非单一作者,或者是网站支持用户投稿,那么包含作者信息模块这一点尤其重要。 对于大多数想长远运营自己网站的站长来说,多数都是使用的收费的 WordPress 主题,所以在建设网站之初,就要考察一下想要购买的主题是否包含有作者信息模块。

WordPress 网站所有用户信息都可以在 WordPress 仪表盘中的 用户 > 所有用户下找到,点击对应的用户名,就可以对作者的个人信息进行编辑,包括头像、个人资料、联系方式以及社交媒体账号等信息。 

2. 使用 Author Bio Box 插件

如果我们使用的主题没有作者信息模块,那么我们可以安装 Author Bio Box 插件。 

首先,通过Wordpress 安装插件页面进行安装,或者是通过上文的链接下载,并上传到Wordpress 的 plugins 目录下。

安装完成后,激活Author Bio Box 插件,可以通过设置»Author Bio Box,来对插件进行基本的配置。可以对背景颜色,作者照片的大小,以及显示作者信息框的位置等进行设置。

这里需要注意的一点是,我们可能需要对主题的文章模板文件进行简单更改(例如,single.php),在相应的位置添加如下的代码:

<?php if ( function_exists( 'get_author_bio_box' ) ) echo get_author_bio_box(); ?>

因为每个主题的模板文件均有差异,所以大家可以根据情况来添加。

如何在 WordPress 文章中添加作者信息栏

完成后,点击“保存更改”按钮来保存设置。

接下来,导航至用户»所有用户页面,点击想要编辑的用户进行编辑即可。

如何在 WordPress 文章中添加作者信息栏

在个人资料编辑界面,你需要向下滚动到“联系人信息”部分。从这里你可以添加作者的社交媒体资料链接。

如何在 WordPress 文章中添加作者信息栏

插件将只显示已经输入URL信息的社交网络图标。

继续向下滚动到“传记信息”部分,添加作者的个人信息。还可以在此字段中使用HTML手动添加链接或使用基本的HTML格式选项。

如何在 WordPress 文章中添加作者信息栏

完成后,更新用户信息。

现在,我们再次访问该用户发布的文章时,我们就能够看到如下的作者信息模块了。

如何在 WordPress 文章中添加作者信息栏

3.使用代码将作者信息添加到WordPress 

首先,将以下代码添加到样式表 (CSS) 文件中: 

#author-info { float: left; padding: 20px;background-color: #f0f0f0; margin-bottom:10px; -moz-border-radius: 5px;border-radius: 5px;} 
#author-info .avatar { position: relative; top: 0; left: 0; float: left; } 
#author-description { margin-left: 100px; } 
#author-description h3 { margin-top:0px;margin-bottom:10px;}

当然,可以根据情况,调整代码以适应网站主题。

然后,找到主题的 single.php 文件,这里建议使用子主题的方式进行操作。

接下来,添加以下代码添加到 single.php 文件:

<div id="author-info">
<div id="author-avatar">
<?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?>
</div>
<div id="author-description">
<h3><?php the_author_link(); ?></h3>
<?php the_author_meta('description'); ?>
    </div>
</div>

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/how-to-add-an-author-info-box-in-wordpress-posts/

(1)
牛奇网牛奇网
上一篇 2021年12月6日 下午4:45
下一篇 2021年12月7日 下午12:45

发表回复

登录后才能评论