利用Author Avatars List/Block 插件给WordPress侧边栏添加作者信息的方法

利用 Author Avatars List/Block 插件给WordPress侧边栏添加作者信息的方法比较简单。这个插件的功能比较丰富，可以设置作者排序顺序、选择显示那些角色的用户、设置显示作者的那些信息、显示作者的数量以及满足那些条件才显示等，设置灵活功能强大。在使用过程中，object哥哥做了CSS样式调整，可以说完美满足了需求，分享给大家参考学习。

第一步：安装Author Avatars List/Block插件

Author Avatars List/Block插件的安装很简单，登陆WordPress后台，点击左侧导航【插件】，点击【安装插件】，搜索 Author Avatars List/Block ，然后【现在安装】等待安装完成后启用插件即可。

第二步：侧边栏添加Author Avatars 小工具

在WordPress后台，点击左侧导航菜单【外观】，再点击小工具，添加Author Avatars 组件到需要的边栏。

第三步：在侧边栏配置Author Avatars 小工具

通过第二步将Author Avatars 小工具添加到边栏后，点击边栏中的Author Avatars 小工具，就会出现下面的设置页面，设置项不多但功能强大。

Sorting order（排序依据）：这里面一共有12个可选项，分别为：Date of Registration（注册日期）、Display Name（显示名称）、Nickname（昵称）、First Name（名字）、Last Name（姓）、Login Name（登陆名）、Number of Posts（文章数量）、Random（随机）、White List（白名单）、User Id（用户ID）、Recent Posts Activity（最近的文章发布者）、Recent Sitewide Activity（最近网站的活跃用户）。

Basic（基本设置）包含下面的主要设置项：

• title（标题）：侧边栏显示的标题
• show roles（显示角色）：共有6个选项，这里用于选择边栏显示那些角色的用户，Administrator（管理员）、Editor（编辑）、Author（作者）、Contributor（贡献者）、Subscriber（用户）、Commentators（评论员），打上对号为显示，没有对号为不显示。
• Link users to（将用户链接到）：这里一共有5个选项，No Link（没有链接）、Author Page（作者页面）、Website（网站首页）、Users Last Post this blog（作者最后的文章）、Filtered Last Post（筛选后的最后一篇文章）
• Display options（显示选项）：这里一共有7个选项，Show name（显示名称）、Show email（显示电子邮件）、Show Nickname（显示昵称）、Show biography（展示描述）、Show number of posts（显示文章数）、Show link to authors last post（显示指向作者上一篇文章的链接）。
• Avatar Size（作者头像大小）：一般设置60px即可。

Advanced（高级设置）包含下面的主要设置项：

• Sorting order（排序依据）：这里的排序依据和刚开始的设置是一样的，但为什么要出现2次，我还没有搞明白。同样共有6个选项，这里用于选择边栏显示那些角色的用户，Administrator（管理员）、Editor（编辑）、Author（作者）、Contributor（贡献者）、Subscriber（用户）、Commentators（评论员），打上对号为显示，没有对号为不显示。
• Sorting direction（排序方向）：这里只有两个选项，Ascending（升序）、Descending（降序）。
• Max. number of avatars shown（最大作者显示数量）：根据自己的需要，设置作者显示数量。
• Trim Bio Length to characters（文字长度限制）：这个地方一般不要设置。
• Required minimum number of posts（文章数量达到多少的作者才会显示）：这个根据您的需要设置。
• Hidden users（隐藏用户）：输入用户登录ID，并且用逗号分隔，这些用户将不在作者列表显示。
• White List of users（用户白名单）：输入用户登录ID，并且用逗号分隔，仅显示这里添加的用户。

第四步：Author Avatars List/Block插件个性化修改

为了达到自己想要的效果，我调整了Author Avatars List/Block插件的个别样式，做了美化，分享出来供大家参考。演示地址：https://www.sanren.xin。样式文件的路径是：/wp-content/plugins/author-avatars/css/widget.css。

1、列表显示时，头像也是居中显示，因此注释掉了第4行的display: inline-block;（给这行代码前面加上/*，后面加上*/）。

2、进行了列表高度限制，增加了下面的分割线：在第四行下面增加height: 85px;和border-bottom: 1px solid #eee;两行代码。

3、进行作者描述截取限制，当描述过长时自动省略描述后面的文字，以省略号显示。在widget.css文件末尾增加如下代码：

.biography {
height: 38px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 1.5;
}