为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%服务器下载版本，绿色无毒。