[不花钱站长]:从免费域名开始[0元] Oracle永久免费VPS[0元] VPS环境搭建免费脚本[0元] 秒变大盘挂载免费网盘[0元] 小白免费采集器1天500W[0元] CF免费DNS+CDN服务[0元]
[零基础网赚]:撸本站免费源码[0元] 网站强引免费蜘蛛法[0元] 图片视频文件免费存储[0元] 外链轻松发布免费友链[0元] 入坑免费教程学习源代码[0元] 网上百种+赚钱联盟推荐[?元]

↑↑VPS推荐网 WWW.VPS.COM.IN 稳定 便宜 免备案↑↑


您现在的位置是:首页 > 全球[VPS测评] >  DUX主题添加首页显示顶置文章功能,VPS优惠,国外永久免费VPS

DUX主题添加首页显示顶置文章功能 支持只显示指定顶置分类文章

全球[VPS测评]来源:VPS推荐网点击:708
【性价之王】【线路之王】【价格之王】【配置之王】
【免费之王】【香港首推】【梯子之王】【独服之王】
DUX主题添加首页显示顶置文章功能 支持只显示指定顶置分类文章

上次在为DUX主题4.0以前版本添加首页显示置顶文章功能文章分享了一个转自@蝈蝈要安静的设置方法,那是基于官方4.0以上的版本提取的。其实在2018年农历新年年初,蜗牛也找一个朋友做过DUX主题的修改,也是想实现在DUX主题最新发布前显示顶置文章,并且支持设置只显示指定分类目录顶置文章。但代码也有不完善的地方,有需要的朋友可以试试,具体显示效果如下:

1、修改主题index.php

在主题index.php文件当中的“<?php  $args = array(‘ignore_sticky_posts’ => 1,”前面加入下面代码。’cat’ => 后面填写需要显示的顶置分类ID,关于如何查看分类ID可以查看此文章:https://www.wn789.com/15938.html#title-2。

<?php if ($paged==1) { ?> <?php $args = array( \'post__in\' => get_option(\'sticky_posts\'), \'cat\' => 68,//置顶分类ID \'ignore_sticky_posts\' => 0, ); 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-zd\' ); ?> <?php } ?>2、新建excerpt-zd.php

新建一个excerpt-zd.php,我们只需要复制一份excerpt.php文件改名为“excerpt-zd”,然后用记事本打开把下面代码替换为原来代码,是全部替换哦。

<?php$ii = 0;while ( have_posts() ) : the_post(); $_thumb = _get_post_thumbnail(); $_excerpt_text = \'\'; if( _hui(\'list_type\')==\'text\' || (_hui(\'list_type\') == \'thumb_if_has\' && strstr($_thumb, \'data-thumb=\"default\"\')) ){ $_excerpt_text = \' excerpt-text\'; } $ii++; echo \'<article class=\"excerpt excerpt-\'.$ii. $_excerpt_text .\' excerpt-zd\">\'; if( _hui(\'list_type\') == \'thumb\' ){ echo \'<a\'._post_target_blank().\' class=\"focus\" h=\"\'.get_permalink().\'\">\'.$_thumb.\'</a>\'; }else if( _hui(\'list_type\') == \'thumb_if_has\' && !strstr($_thumb, \'data-thumb=\"default\"\') ){ echo \'<a\'._post_target_blank().\' class=\"focus\" h=\"\'.get_permalink().\'\">\'.$_thumb.\'</a>\'; } echo \'<header>\'; if( _hui(\'post_plugin_cat\') && !is_category() ) { $category = get_the_category(); if($category[0]){ echo \'<a class=\"cat\" h=\"\'.get_category_link($category[0]->term_id ).\'\">\'.$category[0]->cat_name.\'<i></i></a> \'; } }; echo \'<h2><a\'._post_target_blank().\' h=\"\'.get_permalink().\'\" title=\"\'.get_the_title().get_the_subtitle(false)._get_delimiter().get_bloginfo(\'name\').\'\">\'.get_the_title().get_the_subtitle().\'</a></h2>\'; echo \'</header>\'; echo \'<p class=\"meta\">\'; if( _hui(\'post_plugin_date\') ){ echo \'<time><i class=\"fa fa-clock-o\"></i>\'.get_the_time(\'Y-m-d\').\'</time>\'; } if( _hui(\'post_plugin_author\') ){ $author = get_the_author(); if( _hui(\'author_link\') ){ $author = \'<a h=\"\'.get_author_posts_url( get_the_author_meta( \'ID\' ) ).\'\">\'.$author.\'</a>\'; } echo \'<span class=\"author\"><i class=\"fa fa-user\"></i>\'.$author.\'</span>\'; } if( _hui(\'post_plugin_view\') ){ echo \'<span class=\"pv\"><i class=\"fa fa-eye\"></i>\'._get_post_views().\'</span>\'; } if ( comments_open() && _hui(\'post_plugin_comm\') ) { echo \'<a class=\"pc\" h=\"\'.get_comments_link().\'\"><i class=\"fa fa-comments-o\"></i>评论(\'.get_comments_number(\'0\', \'1\', \'%\').\')</a>\'; } echo \'</p>\'; echo \'<p class=\"note\">\'._get_excerpt().\'</p>\'; if( _hui(\'post_link_excerpt_s\') ) _moloader(\'mo_post_link\'); echo \'<span class=\"zd\">置顶</span>\'; echo \'</article>\';endwhile;3、修改main.css

把下面代码加到main.css文件的最后面。

.excerpt { position: relative;}.excerpt .zd { position: absolute; padding: 0; 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%;}@media (max-width:640px){ .excerpt-sticky header{text-indent:0px;position: unset;} .sticky-icon { position: absolute; padding: 0; right: -38px; left: auto; 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%服务器下载版本,绿色无毒。


[DUX主题添加首页显示顶置文章功能]历史优惠活动内容
  • DUX主题添加首页显示顶置文章功能 支持只显示指定顶置分类文章
  • DUX主题添加首页显示顶置文章功能 支持只显示指定顶置分类文章
  • DUX主题添加首页显示顶置文章功能 支持只显示指定顶置分类文章

  • 猜你可能想看的VPS


    转载请注明原文地址:http://140.238.13.167:12355/read-149449.html

    下一篇       上一篇