增强PIX主题侧边栏内容栏目显示

前两天为了适配威言威语大神的走心评论,在他的网站停留了许久,首页右侧边栏里的多标签日志显示吸引了我。

增强PIX主题侧边栏内容栏目显示-似水流年

我原来用的zibll主题,那个时候小工具里是支持的,但是用了PIX主题,它虽然支持排序标准,但不支持多标签,所以,如果最新、热评、浏览量和随机全部展示的话,需要从上到下插入4个同样的小工具,只不过排序标准设置为不同罢了,不但浪费资源,前台页面的高度也增加了不少,很不协调。

增强PIX主题侧边栏内容栏目显示-似水流年
增强PIX主题侧边栏内容栏目显示-似水流年

所以,我就着手开始改造。本次改造涉及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这个展示文件。

增强PIX主题侧边栏内容栏目显示-似水流年

由于修改的代码较多,请直接下载,解压缩后覆盖同路径文件即可。

Comments | 4 条评论
  • vss

    Google Chrome 122 Google Chrome 122 Windows 10 Windows 10 cn中国–浙江–温州–瑞安市 电信 ip address 218.71.*.*

    这个好这个好 抽空照着把我的站点也搞一下

    • 似水流年

      Google Chrome 127 Google Chrome 127 GNU/Linux GNU/Linux cn中国 中国联通 ip address 2408:8220:5f15:29a0:*:*

      查看任意页面源码,搜beige.css就是米黄色CSS。

  • James

    Firefox 139 Firefox 139 Windows 10 Windows 10 cn中国–广东–惠州 电信 ip address 59.33.*.*

    在小屏幕的时候,他的右边侧栏也是不错的,可以点开侧边栏出现评论那些😀

    • 似水流年

      Google Chrome 127 Google Chrome 127 GNU/Linux GNU/Linux cn中国 中国联通 ip address 2408:8220:5f12:3900:*:*

      你不说我还真没有发现。😂

消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息