!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>DUX主题首页显示置顶文章

DUX主题首页显示置顶文章

之前有网友跟我要这个功能,实在是忙于生计一直没有时间写这方面的文章,最近这两天闲暇下来总算是有些时间了,其实这个功能说简单也简单,基本思路就是通过 get_option(‘sticky_posts’) 从数据库中获取到设置置顶的文章,然后想办法在首页显示出来。DUX4.0版本主题作者已经更新了这个功能,我也就偷个懒直接将这个功能抽离出来给大家分享出来,在此感谢主题作者的代码。

DUX主题首页显示置顶文章

还是要提醒一下,主题修改前请务必备份一下文件以防误操作引起的网站崩溃。下面说一下具体的实现方法。

添加后台设置按钮

主题后台选项的设置之前已经说过很多次了,并且我还写了 浅淡 WordPress 主题选项框架 Options Framework 这篇文章具体说了下,这里就不多说了,我们直接将下面的代码丢在主题的 options.php 文件中去就好:

注意,之前我们虽然也修改过 options.php ,但是没有设置过数组,这里为了后面设置方便添加了个数组 $multicheck_nums ,这个数组一定不能丢,否则会报错!

index.php文件修改

值得注意的是DUX4.0之前的版本首页提供了首页不显示“某分类”或“某ID”下文章的功能,该功能相关代码在 index.php 文件中,具体代码如下:

DUX主题4.0之后因为作者又加入了“首页是否显示置顶文章”的判断,所以我们需要将上述代码修改为如下这样:

还需要说明一下的是,这里主题作者还顺便添加上了首页文章显示数量的设置 $pagenums = get_option( ‘posts_per_page’, 10 ); 该选项的设置不是在DUX主题设置中,而是在 WordPress 后台“/设置/阅读/博客页面至多显示”处进行设置。

excerpt.php文件修改

上面 index.php 文件的修改只是调取了数据库中设置的置顶文章并在首页做了个判断,但是我们发现虽然这样确实使得置顶文章显示在了首页文章列表的顶部,但是并没有什么标识显示这就是置顶文章,所以我们要为其添加上“置顶”的标识,具体添加方法可参照我之前写的 DUX主题为新发布的文章添加NEW图标 ,方法类似,这里将以下代码添加到主题excerpt.php 文件的  echo ‘</header>’; 代码之上就好。

在 excerpt.php 文件中找到 _moloader(‘mo_paging’); 删除之。

添加CSS样式

最后将以下代码添加到 main.css 文件中,对“置顶”文字进行美化。

至此,DUX主题首页添加置顶文章显示完成。
[qgg_pink]2018年03月31日更新:发现分类页面底部分页丢失,将上述修改方式更改为删除上述index.php修改代码中 _moloader(‘mo_paging’); 保留excerpt.php的_moloader(‘mo_paging’);
[/qgg_pink]

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

初步了解WordPress的oEmbed、Embed与Post Embed功能

2022-9-12 12:31:29

网站运维

WordPress输入QQ号一键获取用户名及邮箱

2022-9-12 12:32:13

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