!
也想出现在这里? 联系我们
广告位

WordPress 主题添加最新更新文章列表功能

前短时间一个网友提到的功能,一直比较忙没时间做便拖到了今天。之前也有一些其他网友提过其他的一些功能,有些可能做了,有些可能一忙便忘了,望见谅。博主本人大学时的专业与编程无关,目前也是在学习中,所以有些功能也并不能保证很好地做出来,另外最重要的一点:博客主要是为了督促自己学习而建立的,所以不希望因博客的事务影响正常的学习,并且博客主题修改的也差不多了,之后应该不会有太多主题修改的内容了。下面是此次修改的前端显示效果。

WordPress 主题添加最新更新文章列表功能

额,下面还是主要说下主题添加最新更新文章列表功能的步骤吧。代码是在 zwwooooo 博主分享的代码基础上修改的,调整了超过更新日期 1 天内的演示样式,并基于 Options Framework 做了后台的控制选项。主题修改前还是提醒大家一下,备份!备份!!备份!!!下面简单说下如何配置。

新建 module_recently_updated_posts.php 文件

[wxcaptcha]新建一个名为 module_recently_updated_posts.php 的文件,然后复制以下代码至文件中即可,注意选择 UTF-8 编码格式。将保存后的文件丢到主题文件夹下,DUX 主题丢到 modules 文件夹下即可。

代码主要用于生成最近更新的文章列表,然后将其保存在名为 recently_updated_posts 的数据库字段里,你可以在 wp_options 数据表里找到它。主要是为了减少数据库查询量而设置的。[/wxcaptcha]

functions.php 文件修改

由于上面生成的文章列表以静态的形式保存在了 wp_options 数据表里,为了我们每次发布/更新文章后都能生成新的最新更新文章列表,需要清空原有 recently_updated_posts 字段信息并生成新的信息,所以需要将以下代码丢到主题的 functions.php 文件中,以确保每次发布/更新文章时都能清空  recently_updated_posts 的字段信息。

options.php 文件修改

由于博客目前使用的主题采用的 然后我们修改下主题下的 Options Framework 做的后台控制选项,所以我也基于此设置了对应的后台选项。当然其他主题直接修改 module_recently_updated_posts.php 文件中的代码以符合自己网站也是可以的。

将以上代码丢到 options.php 文件中去即可,修改完成后应该会在主题后台看到如下选项:

WordPress 主题添加最新更新文章列表功能

控制前端显示代码

在主题的 index.php 文件中合适的位置插入如下代码,注意代码中的路径改成第一步中 module_recently_updated_posts.php 文件的实际路径。

保存后台配置选项,刷新首页应该就能看到前端显示的内容了。

CSS 样式美化

默认的样式不太好看,这里简单美化一下,CSS 不合适的大家自行调整下即可。

最后,为了避免复制代码导致的错误,上面所有用到的代码文后会提供下载。

资源下载

免费资源本地下载点击下载百度网盘点击下载提取码: IQGG复制注意:本站资源多为网络收集,如涉及版权问题请及时与站长联系,我们会在第一时间内与您协商解决。如非特殊说明,本站所有资源解压密码均为:zibuyu.life。

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

WordPress 后台文章编辑器添加下拉式短代码选择

2022-9-7 12:31:55

网站运维

解决小程序404及showToast:fail parameter error: parameter.title should be String instead of Undefined;问题

2022-9-7 12:32:41

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