增强PIX主题侧边栏内容栏目显示
本文是《技术相关(共52篇)》目录的第 48 篇。阅读本文前,建议先阅读本文前3篇文章:
前两天为了适配威言威语大神的走心评论,在他的网站停留了许久,首页右侧边栏里的多标签日志显示吸引了我。
我原来用的zibll主题,那个时候小工具里是支持的,但是用了PIX主题,它虽然支持排序标准,但不支持多标签,所以,如果最新、热评、浏览量和随机全部展示的话,需要从上到下插入4个同样的小工具,只不过排序标准设置为不同罢了,不但浪费资源,前台页面的高度也增加了不少,很不协调。
所以,我就着手开始改造。本次改造涉及2个文件,这2个文件应该平时不会有所修改,内容应该都是原版代码。为了保险起见,强烈改造前备份源文件。
后台改造逻辑如下:
1、改造文章展示小工具:既然一次性把4种排序方式展示出来,那上图后台中的排序标准功能就去掉不用了。
2、改造最新评论小工具:最新评论后台评论类型分为展示片刻评论和展示文章评论,同理这个也不需要了。
3、后台小工具里除了文章展示,没有片刻展示,因此,仿照文章展示小工具的功能和样式,新增片刻展示小工具,并且能够在后台小工具页面中显示出来。
以上涉及小工具在wp后台中的注册,具体是pix/inc/assets/codestar-framework/options/widget.php这个注册文件。
前台改造逻辑如下:
1、文章展示直接分为4个标签,最新、热评(评论最多)、围观(浏览量最多)和随机,这4个词不能竖向两排显示,只能横向一排显示,4个标签可以像windows或者浏览器的标签一样点击切换丝滑、美观。
2、新增片刻展示,样式要求同文章展示。片刻和文章不同的地方是,片刻类似说说,不一定有图片,因此,如有图片,取首张图片作为缩略小图,如没有图片,取本站默认缩略图。
3、最新评论直接分为2个标签,文章评论和片刻评论,样式要求同文章展示。
4、小工具长度不能超出侧边栏。
以上涉及小工具在wp前台中的展示,具体是pix/inc/pix-widget.php这个展示文件。
由于修改的代码较多,请直接下载,解压缩后覆盖同路径文件即可。
您已阅读完《技术相关(共52篇)》目录的第 48 篇。请继续阅读本文后3篇文章:
vss
这个好这个好 抽空照着把我的站点也搞一下
似水流年
查看任意页面源码,搜beige.css就是米黄色CSS。
James
在小屏幕的时候,他的右边侧栏也是不错的,可以点开侧边栏出现评论那些😀
似水流年
你不说我还真没有发现。😂