1. 云期刊首页
  2. 建站教程

利用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 List/Block 插件给WordPress侧边栏添加作者信息的方法

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

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

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

第三步:在侧边栏配置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 插件给WordPress侧边栏添加作者信息的方法

第四步: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;
}

本站所有内容,如有版权、侵权等问题,请及时联系本站做删除。发布者:云期刊,转载请注明出处:https://www.yunqikan.cn/5579.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

问答社区 在线客服
联系我们

QQ 技术:109033286

QQ 运维:3423710838

email 邮箱:drhxxkj@163.com

Qqun QQ交流群:808026766

分享本页
返回顶部