为DUX主题添加首页最新发布下显示置顶文章的功能
|
![]() |
![]() |
![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
目前蜗牛789使用的就是DUX主题,此款主题比较简洁,个人比较中意,但是官方证书版本比较昂贵,需要799元。目前DUX主题已经更新到5.X版本,功能也越来越完善,蜗牛789使用的主题当中有些功能是自己后期修改添加的,比如文章打赏功能,主题已经自带了。记得之前有网友问过蜗牛“DUX主题下置顶文章不显示在最新发布前面,请问DUX主题如何在最新发布前面显示顶置文章?”其实DUX4.0以上的版作者已经修复了首页最新发布不显示顶置文章的功能,但目前网络中并没有广泛流传出DUX 4.0的无限制版本。前度时间蜗牛在@蝈蝈要安静的博客当中看到一篇关于给DUX主题添加顶置功能的文章,代码比较全,而且好操作,于是就转载到自己博客做个记录。
2018.4.3更新:
蜗牛基于@蝈蝈要安静的代码做了小小的修改:
1、可以通过修改index.php文件中“ ‘cat’ => 483,” cat后面的的分类ID来达到只显示指定分类文章的顶置文章,如果不需要此功能,删除“ ‘cat’ => 483,”这段代码即可。关于如何查看分类ID可以点击查看此文章。
2、修改了“CSS样式”代码,个人觉得显示在文章右上角更美观。
3、另外需要注意的是,如果你设置首页显示2篇顶置文章,但你有2篇以上的顶置文章就会出现顶置文章下面有按钮的情况,影响整体美观,所以设置顶置文章数量的时候请留意以下。
1、在DUX主题设置添加按钮。
方法很简单,我们只需要把下面代码添加到你的DUX主题的“options.php”文件当中。添加完成后,以后我们可以到DUX主题设置页面来控制是否显示顶置文章及显示多少篇文章。
$options[] = array( \'name\' => __(\'显示置顶文章\', \'haoui\'), \'type\' => \'heading\' );$multicheck_nums = array( \'1\' => \'1\', \'2\' => \'2\', \'3\' => \'3\', \'4\' => \'4\', \'5\' => \'5\');$options[] = array( \'name\' => __(\'首页最新发布显示置顶文章\', \'haoui\').\' (v4.0+)\', \'id\' => \'home_sticky_s\', \'type\' => \"checkbox\", \'std\' => false, \'desc\' => __(\'开启\', \'haoui\'));$options[] = array( \'id\' => \'home_sticky_n\', \'options\' => $multicheck_nums, \'desc\' => __(\'置顶文章显示数目\', \'haoui\'), \'type\' => \'select\');2、修改主任index.php文件。
第二步是修改DUX主题的index.php文件。在DUX主题4.0版本之前,首页有不显示“某分类”或“某ID”下文章的功能,具体代码如下:
<?php $args = array( \'ignore_sticky_posts\' => 1, \'paged\' => $paged);if( _hui(\'notinhome\') ){ $pool = array(); foreach (_hui(\'notinhome\') as $key => $value) { if( $value ) $pool[] = $key; }$args[\'cat\'] = \'-\'.implode($pool, \',-\');}if( _hui(\'notinhome_post\') ){ $pool = _hui(\'notinhome_post\'); $args[\'post__not_in\'] = explode(\"\\n\", $pool);}query_posts($args);?><?php get_template_part( \'excerpt\' ); ?>而DUX主题4.0之后的版本,新增了首页是否显示顶置文章的功能,所以我们只需将下面代码替换上面的代码即可。
<?php $pagenums = get_option( \'posts_per_page\', 10 ); $offsetnums = 0; $stickyout = 0; if( _hui(\'home_sticky_s\') && in_array(_hui(\'home_sticky_n\'), array(\'1\',\'2\',\'3\',\'4\',\'5\')) && $pagenums>_hui(\'home_sticky_n\') ){ if( $paged <= 1 ){ $pagenums -= _hui(\'home_sticky_n\'); $sticky_ids = get_option(\'sticky_posts\'); rsort( $sticky_ids ); $args = array( \'post__in\' => $sticky_ids, \'showposts\' => _hui(\'home_sticky_n\'), \'cat\' => 483,//可以在这里填写显示的分类ID,就能达到只显示顶置的指定分类的效果。如果不需要请删除此段代码。 \'ignore_sticky_posts\' => 1 ); query_posts($args); get_template_part( \'excerpt\' ); }else{ $offsetnums = _hui(\'home_sticky_n\'); } $stickyout = get_option(\'sticky_posts\'); } $args = array( \'post__not_in\' => array(), \'ignore_sticky_posts\' => 1, \'showposts\' => $pagenums, \'paged\' => $paged ); if( $offsetnums ){ $args[\'offset\'] = $pagenums*($paged-1) - $offsetnums; } if( _hui(\'notinhome\') ){ $pool = array(); foreach (_hui(\'notinhome\') as $key => $value) { if( $value ) $pool[] = $key; } if( $pool ) $args[\'cat\'] = \'-\'.implode($pool, \',-\'); } if( _hui(\'notinhome_post\') ){ $pool = _hui(\'notinhome_post\'); $args[\'post__not_in\'] = explode(\"\\n\", $pool); } if( $stickyout ){ $args[\'post__not_in\'] = array_merge($stickyout, $args[\'post__not_in\']); } query_posts($args); get_template_part( \'excerpt\' ); ?>3、修改主题excerpt.php文件。
这一步很简单,是通过修改主题excerpt.php文件为顶置文章标题后面添加一个“顶置”的标识。只需把下面代码放到excerpt.php文件的echo ‘</header>’; 代码之上就OK了。
if( _hui(\'home_sticky_s\') && is_sticky() ){ echo \'<span class=\"zd\">置顶</span>\'; }
4、添加CSS样式。
这是最后一步,是为你上面设置的“顶置”标识添加一个样式,显得更美观一点。只需在主题的“main.css”文件当中添加下面代码即可。
.excerpt { position: relative;}.excerpt .zd { position: absolute; right: -38px; top: -16px; display: block; width: 76px; height: 20px; line-height: 20px; background: #ff5e52; color: #fff; font-size: 14px; font-weight: 400; text-align: center; transform: rotate(45deg); transform-origin: 0% 0%;}DUX无限制版下载方法蜗牛789博客DUX无限制版本下载方案,使用微信扫描下面二维码关注蜗牛789微信公众号。注意是关注微信公众号, 微信公众号每天晚上推送当日热门促销活动。然后在微信公众号回复“DUX主题”即可获取下载链接。100%服务器下载版本,绿色无毒。
猜你可能想看的VPS
- VoLLcloud:香港大带宽云服务器/300Mbps/不限速度,$5/ 香港VPS[主机]
- 易探云:香港免备案云服务器年付6.8折,2核4G5M+10G数据盘仅79 香港VPS[主机]
- 香港服务器怎么选择?最佳性价比香港vps选择方法 香港VPS[主机]
- HostXen:香港/美国/日本直连线路,支持windows系统,送20 WINDOWS
- 租用美国服务器有哪些安全方案 美国VPS[主机]
- 美国信贷市场的痛苦将不亚于上世纪70年代的通胀时期 美国VPS[主机]
- 关键路径、资金情况、政策关键数据中心的可持续发展路径在哪里? 全球[VPS测评]
- 拼多多入局跨境电商平台,首站美国;奈雪的茶在上海建第二总部;pidan“ 美国VPS[主机]
- 跨境电商周报丨拼多多布局跨境电商平台;Shopify将推出新平台支持网红 全球[VPS测评]
- JGKVM促销,美国cn2vps服务器价格再创新低,平均6.5元/月起 美国VPS[主机]
- tudcloud,香港沙田大带宽vps特惠7折,CN2+BGP直连,10 香港VPS[主机]
- 宝塔面板在香港服务器安装启动不了nginx怎么办? 香港VPS[主机]
- UCloud云服务器2020年度大促:北京/上海云服务器/香港免备案云服 香港VPS[主机]
- 印象云:1核/1G/40G固态/800G/50Mbps/洛杉矶高防vps 全球[VPS测评]
- 景文互联年终特惠:日本/香港/美国VPS全场7折+送内存,充1000送3 日本VPS[主机]
- kvmloc:E5-26XX/16G/1T HDD/20Mbps不限流量 日本VPS[主机]
- 明恒互联:双旦同庆活动开启,100G国内高防云售价116元/月,香港云主 香港VPS[主机]
- 恒创科技:香港/美国云服务器2折起,年度特价低至13元/月,新购送京东E 美国VPS[主机]
- 互盟云元旦活动:云服务器1核2G首月仅18元,香港虚拟主机年付仅1折 香港VPS[主机]
- 欧亚云:新春优惠,洛杉矶CERA云主机仅25元/月起,香港CN2仅28元 香港VPS[主机]
- RangCloud:新购NAT VPS,256/512/1G/2G主机季 香港VPS[主机]
- 云米科技:新春欢庆,香港云服务器/美国高防vps服务器全场八折,支持按天 美国VPS[主机]
- 青云互联:香港荃湾云服务器限时七折,13元/月起;江苏挂机宝vps低至5 香港VPS[主机]
- 性价比最高的VPS网络评测 全球[VPS测评]
- wikihost,微基主机服务,100M带宽香港tudcloud,5G防 香港VPS[主机]
- 亚当云怎么样?香港安畅cn2vps带宽10M月付28元 香港VPS[主机]
- 源云主机,香港沙田VPS CN2 1核1G 24/月 NTT 50M 9 香港VPS[主机]
- CombCloud,香港沙田CN2VPS测评,2核1G52元/月,安畅C 香港VPS[主机]
- 磐逸云怎么样?香港沙田cn2vps 带宽5M年付128元 香港VPS[主机]
- Ubuntu关机命令是什么?Ubuntu关机命令介绍 全球[VPS测评]
转载请注明原文地址: http://140.238.13.167:12355/read-128215.html











