WordPress 小工具是一个非常实用的功能,无论是新手还是大神,它的视觉背景设置都非常方便快捷。在各种小工具的点缀下,WordPress 的主题可以更加多样化和个性化。今天,伯德为你带来一个来自 Yaxi.com 的原创 WordPress 文章列表小工具。
顾名思义:与当前文章属于同一类别的其他文章以列表的形式显示。而不同的列表是通过数量、时间段、排序依据等来实现的。
前端效果如下。(不同主题前端效果略有不同,仅供参考。其他前端样式将在后续版本中添加)
非常实用的 WordPress 文章列表小工具同类别
小工具功能:
1.前端简洁美观,符合大众审美。
2.自定义标题,实现不同种类的多样化小工具。
3.定制数量,控制权完全在你手里。
4.用户定义的时间段,包括一年、一个月等。可以选择,用户体验为王。
非常实用的 WordPress 文章列表小工具同类别
5.自定义排序、发布时间、更新时间、随机等排序方式。
非常实用的 WordPress 文章列表小工具同类别
注意事项:
按阅读量排序要求主题自带页面浏览量功能或实用阅读量记录插件,并以自定义栏目“浏览量”记录阅读量,否则可能导致排序错误。
建议只在文章页面使用此小工具,否则可能无法正常显示。
用法:
下载本文后面提供的 widget-catpost.php,把它放在你的主题小工具文件/文件夹中,并适当地引用它,把下面提供的css代码放到你的style.css文件中。
附件:小工具的常用使用方法;
1.如果你的主题有一个特殊的 widget 文件夹,比如 widget 文件夹,你可以直接把这个 widget 文件放进去,在functions.php引用(Widget 文件夹里还有一个自定义的 index.php,functions.php 已经引用过了,所以你只需要在 index . PHP 里引用 widget-catpost.php 就可以了)。
2.没有专门的文件夹,只有 widgets.php 文件可以直接取出 widget-catpost.php 文件中的代码并把它放在 widgets.php。
3.将 widget-catpost.php 放在适当的文件夹中,并调用 functions.php 的文件。
小工具下载地址:
https://pan.baidu.com/share/init?surl=kW2tNqI-J3w7EGV6CmVgIw 密码: c5t9
CSS 代码参考
/* 同分类文章小工具样式 */
.cat-post{
width: 100%;
overflow:hidden;
}
.cat-post ul{
padding: 15px;
}
.cat-post ul li{
width: 99%;
line-height: 28px;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
overflow: hidden;
}
.cat-post ul li a{
font-size: 14px;
}
.cat-post ul li a i{
font-size: 12px;
margin-right: 5px;
}