WordPress YARPP（Yet Another Related Posts Plugin）插件相关推荐美化

YARPP Basic for标准功能

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

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

美化

启用本插件后，在主题的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主题

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

效果如下：