非常实用的WordPress文章列表小工具同类别

WordPress 小工具是一个非常实用的功能，无论是新手还是大神，它的视觉背景设置都非常方便快捷。在各种小工具的点缀下，WordPress 的主题可以更加多样化和个性化。今天，伯德为你带来一个来自 Yaxi.com 的原创 WordPress 文章列表小工具。

非常实用的 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;
}

转载请注明：汇站网 » 非常实用的 WordPress 文章列表小工具同类别