WordPress YARPP(Yet Another Related Posts Plugin)插件相关推荐美化

YARPP Basic for标准功能 相关内容的缩略图或列表视图。 相关帖子,页面和自定义帖子类型。 模板:YARPP模板系统使您可以高级控制结果的显示方式。 先进且用途广泛的算法:YARPP使用可定制的算法,考虑帖子标题,内容,标签,类别和自定义分类法,可从您的站点中查找相关内容。 提要中的相关帖子:使用自定义显示选项在RSS提要中显示相关帖子。

WordPress YARPP(Yet Another Related Posts Plugin)插件相关推荐美化

 

YARPP Basic for标准功能

  • 相关内容的缩略图或列表视图。
  • 相关帖子,页面和自定义帖子类型。
  • 模板:YARPP模板系统使您可以高级控制结果的显示方式。
  • 先进且用途广泛的算法:YARPP使用可定制的算法,考虑帖子标题,内容,标签,类别和自定义分类法,可从您的站点中查找相关内容。
  • 提要中的相关帖子:使用自定义显示选项在RSS提要中显示相关帖子。

插件本身没有提供样式,看起来不那么耐看

WordPress YARPP(Yet Another Related Posts Plugin)插件相关推荐美化

美化

启用本插件后,在主题的style.css文件底部添加以下代码:

 

/*
* YARPP相关推荐美化
*/
.yarpp-related h3 {
color: #657487;
padding-bottom:10px;
font-size: 100%;
}
.yarpp-related ol {
box-sizing: border-box;
color: #657487;
display: inline-block;
background: #f7f7f7;
width: 100%;
padding: 24px;
margin-left: 0;
border-radius: 5px;
}
.yarpp-related ol li {
padding-bottom: 12px;
list-style: none;
}
.yarpp-related ol li:before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
background: #ff4d00;
border-radius: 50%;
position: relative;
top: -3px;
}
.yarpp-related ol li a {
font-weight: 500;
font-size: 15px;
padding: 12px;
border: none;
}
/*
* YARPP相关推荐美化 end
*/

插件后台设置就可以了

如果你使用的是B2主题

主体起止标签 后的第一个框中填写以下内容:

效果如下:

WordPress YARPP(Yet Another Related Posts Plugin)插件相关推荐美化

 

 

 

 

免责说明

本站资源部分来自网友投稿,如有侵犯你的权益请联系管理员或给邮箱发送邮件PubwinSoft@foxmail.com 我们会第一时间进行审核删除。
站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面
本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

给TA打赏
共{{data.count}}人
人已打赏
WordPress插件WordPress教程

WordPress 7B2 Pro主题问答模块OpenAI ChatGPT机器人自动回答功能

2023-4-25 0:33:19

WordPress教程

WordPress 7B2 Pro 主题美化-页眉菜单添加开通vip图标

2023-4-25 10:34:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索