WordPress小工具是一个非常实用的功能,无论是新手还是大神,它的视觉背景设置都非常方便快捷。在各种小工具的点缀下,WordPress的主题可以更加多样化和个性化。今天,伯德为你带来一个来自Yaxi.com的原创WordPress文章列表小工具。
顾名思义:与当前文章属于同一类别的其他文章以列表的形式显示。而不同的列表是通过数量、时间段、排序依据等来实现的。
前端效果如下。(不同主题前端效果略有不同,仅供参考。其他前端样式将在后续版本中添加)
非常实用的WordPress文章列表小工具同类别
小工具功能:
1.前端简洁美观,符合大众审美。
2.自定义标题,实现不同种类的多样化小工具。
4.用户定义的时间段,包括一年、一个月等。可以选择,用户体验为王。
非常实用的WordPress文章列表小工具同类别
非常实用的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的文件。
小工具下载地址:
http://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;
}