额,事情是这样的,之前网站上分享过一篇 DUX主题首页添加热门文章模块 的文章,主要是根据阅读量或者评论数从数据库中直接调取相应文章,后来有网友反映希望能改成自定义列表形式的文章,于是就有了这篇文章。还是按照惯例,先看下前端显示的效果:
样式我没怎么调,可能目前显示的不是太好看,大家有需要的话可以自行调整下。为了能更方便大家自定义,后台面板我设置了三个选项,分别用于设置标题、标签及自定义文章。后台界面如下图所示:
下面来简单说下具体的修改流程:
添加后台选项
将以下代码添加到主题的 options.php 文件中去,添加完成后刷新 DUX 主题设置页面应该就会出现一个“蝈蝈功能”的选项卡,点击该选项卡即可看到上面所示的后台选项。
新增 qgg_diy_post_list.php 文件
为了方便管理,我这里将显示的主要代码封装在了一个 PHP 文件中,你可以将以下代码复制保存为一个名为 qgg_diy_post_list.php 的文件中,也可以从后面我提供的链接地址直接下载。
文件丢到主题下的 modules 文件夹中,至于为什么之前说过,这里就不多说了。
前端显示代码
在主题的 index.php 文件中添加如下代码,具体位置自行选择。
CSS样式美化
最后,我目前所使用的样式代码,当然你也可以自行调整。
2018年04月22日更新:新增右侧自定义提示信息
总感觉文章列表右侧空荡荡的,于是决定给右侧加些自定义的内容,其实也只是修改了下样式代码,修改完成后如下所示:
修改方法的话就是在原有样式代码的基础上添加下面这段代码:
修改完成后后台文章列表以如下形式添加(每行一个):