!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>DUX主题首页添加自定义文章列表模块

DUX主题首页添加自定义文章列表模块

额,事情是这样的,之前网站上分享过一篇 DUX主题首页添加热门文章模块 的文章,主要是根据阅读量或者评论数从数据库中直接调取相应文章,后来有网友反映希望能改成自定义列表形式的文章,于是就有了这篇文章。还是按照惯例,先看下前端显示的效果:

DUX主题首页添加自定义文章列表模块

样式我没怎么调,可能目前显示的不是太好看,大家有需要的话可以自行调整下。为了能更方便大家自定义,后台面板我设置了三个选项,分别用于设置标题、标签及自定义文章。后台界面如下图所示:DUX主题首页添加自定义文章列表模块

下面来简单说下具体的修改流程:

添加后台选项

将以下代码添加到主题的 options.php 文件中去,添加完成后刷新 DUX 主题设置页面应该就会出现一个“蝈蝈功能”的选项卡,点击该选项卡即可看到上面所示的后台选项。

新增 qgg_diy_post_list.php 文件

为了方便管理,我这里将显示的主要代码封装在了一个 PHP 文件中,你可以将以下代码复制保存为一个名为 qgg_diy_post_list.php 的文件中,也可以从后面我提供的链接地址直接下载。

文件丢到主题下的 modules 文件夹中,至于为什么之前说过,这里就不多说了。

前端显示代码

在主题的 index.php 文件中添加如下代码,具体位置自行选择。

CSS样式美化

最后,我目前所使用的样式代码,当然你也可以自行调整。

2018年04月22日更新:新增右侧自定义提示信息

总感觉文章列表右侧空荡荡的,于是决定给右侧加些自定义的内容,其实也只是修改了下样式代码,修改完成后如下所示:

DUX主题首页添加自定义文章列表模块

修改方法的话就是在原有样式代码的基础上添加下面这段代码:

修改完成后后台文章列表以如下形式添加(每行一个):

给TA打赏
共{{data.count}}人
人已打赏
网站运维

DUX主题右侧悬浮工具栏添加更多按钮

2022-9-11 12:33:08

网站运维

WP Content Copy Protection & No Right Click——深度保护您的网站内容

2022-9-11 12:33:50

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索