RIPRO美化-“最新文章”首页美化

作者 : 小编 发布时间: 2020-03-6 共4246个字,阅读需11分钟。 共221 人阅读

阿里云服务器低至¥89元/年 限时抢

阿里云服务器专享1折起 | 限时抢各种代金券

立即抢购

腾讯云服务器低至¥50元/年 限时抢

腾讯云服务器专享1折起 | 1核2g服务器免费拿

立即购买
教程开始

1、找到/wp-content/themes/ripro/parts/home-mode\lastpost.php 将以下代码复制进去覆盖

<?php
$sidebar = 'none';
$column_classes = cao_column_classes( $sidebar );

$mo_postlist_no_cat = _cao('home_last_post');
if(!empty($mo_postlist_no_cat['home_postlist_no_cat'])){
  $args['cat'] = '-'.implode($mo_postlist_no_cat['home_postlist_no_cat'], ',-');
}
$args['paged'] = (get_query_var('paged')) ? get_query_var('paged') : 0;

query_posts($args);


?>

<div class="section" style="padding-top:0;background-color: rgb(246,246,246);">
    <div class="row">
      <div class="<?php echo esc_attr( $column_classes[0] ); ?>">
        <div class="content-area">
          <main class="site-main widget_tabcontent  ct">
           
              <?php if ( is_home() ) : ?>
                <!-- <h1 class="latest-title">最新文章</h1> -->
              <div class="category-header">
				<div class="catalog_types types">
				
				<h3 class="text-center"><span class="selected">最新资源</span>
				
				<span class="">热门资源</span>
				
				<span class="">最新免费</span></h3>
				</div>
				
				
				</div>
              <?php _the_cao_ads('ad_list_header', 'list-header'); endif; ?>
               <?php if ( have_posts() ) : ?>
              <ul class="hide-code show">
              <div class="container">
            	<div class="row posts-wrapper">
					<?php
					$sidebar = 'none';
					$column_classes = cao_column_classes( $sidebar );
					
					$mo_postlist_no_cat = _cao('home_last_post');
					if(!empty($mo_postlist_no_cat['home_postlist_no_cat'])){
					  $args['cat'] = '-'.implode($mo_postlist_no_cat['home_postlist_no_cat'], ',-');
					}
					$args['paged'] = (get_query_var('paged')) ? get_query_var('paged') : 0;
					
					query_posts($args);

					?>
	                <?php while ( have_posts() ) : the_post();
	                  get_template_part( 'parts/template-parts/content', _cao( 'latest_layout', 'list' ) );
	                endwhile; ?>
            	</div>
	              <?php _the_cao_ads('ad_list_footer', 'list-footer');?>	              
              </div>
              </ul> 
              
           
		     <ul class="hide-code">
              <div class="container">
            	<div class="row posts-wrapper">
					<?php $args['paged'] = (get_query_var('paged')) ? get_query_var('paged') : 1;
					$args = array(
					    // 以下代码中的 modified 就是 orderby 的值,按修改时间排序。
					    // 常用 orderby 值:title-按标题;date-按发布日期;modified-按修改时间;ID-按文章 ID;rand-随机排序;comment_count-按评论数。 
					   
					    // 控制每页显示 20 篇文章,如果将 20 改成-1 将显示所有文章。不加此代码表示按照后台设置。
					    'meta_key' => 'views',/* 此处为你的自定义栏目名称 */
					    'showposts' => '',
					    'orderby' => 'meta_value_num', /* 配置排序方式为自定义栏目值 */
					    'paged' => $paged
					); 
					query_posts($args);

					?>
	                <?php while ( have_posts() ) : the_post();
	                  get_template_part( 'parts/template-parts/content', _cao( 'latest_layout', 'list' ) );
	                endwhile; ?>
            	</div>
	              <?php _the_cao_ads('ad_list_footer', 'list-footer');?>	              
              </div>
              </ul> 
              
			
			 <ul class="hide-code">
              <div class="container">
               <div class="row posts-wrapper">
					<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 2;
					$args = array(
					    
					    'meta_key' => 'cao_price',/* 此处为你的自定义栏目名称 */
					    'meta_value' => '0',
					    'orderby' => 'meta_value_num', /* 配置排序方式为自定义栏目值 */
					    'paged' => $paged
					); 
					query_posts($args); 
					
					?>					
	                <?php while ( have_posts() ) : the_post();
	                  get_template_part( 'parts/template-parts/content', _cao( 'latest_layout', 'list' ) );
	                endwhile; ?>
            	</div>
	              <?php _the_cao_ads('ad_list_footer', 'list-footer');?>              
              </div>			  
              </ul> 
              <?php wp_reset_query(); ?> 
			  
			  <?php get_template_part( 'parts/pagination' ); ?>	
			 
                
            <?php else : ?>
              <?php get_template_part( 'parts/template-parts/content', 'none' ); ?>
            <?php endif; ?>
          </main>
        </div>
      </div>
      <?php if ( $sidebar != 'none' ) : ?>
              <div class="<?php echo esc_attr( $column_classes[1] ); ?>">
                  <?php get_sidebar(); ?>
              </div>
          <?php endif; ?>
    </div>
  </div>
</div>

<?php
wp_reset_postdata();
echo ob_get_clean();

 

2、找到wp-content/themes/ripro/assets/css/diy.css并将以下代码复制进去 然后保存

/**首页选项卡**/
.widget_tabcontent h3 .selected {
	color: #282828;
	border-bottom: 2px solid #282828;
}

.ripro-dark .widget_tabcontent h3 .selected {
	color: #0056ff;
	border-bottom: 2px solid #0056ff;
}

.widget_tabcontent h3 span {
	color: #999;
	margin: 0 18px;
	letter-spacing: .51px;
	position: relative;
	line-height: 1;
	padding-bottom: 10px;
	cursor: pointer;
	font-weight: 400;
}

.ripro-dark .widget_tabcontent h3 span {
	color: #f1f1f1;
}

.widget_tabcontent h3 span:hover {
	border-bottom: 2px solid #0056ff;
}

.widget_tabcontent .hide-code {
	display: none;
	padding-left: 0;
}

.show {
	display: block!important;
}

.text-center {
	padding-top: 15px;
	padding-bottom: 13px;
	background-color: #fff;
} 
/**首页选项卡结束**/

 

 

3、找到wp-content/themes/ripro/footer.php 找到</body>并将以下代码放在footer.php 内容整体代码复制进去即可

<script type="text/javascript">

jQuery(document).ready(function($){

$('.ct h3 span').click(function(){

$(this).addClass("selected").siblings().removeClass();

  $('.ct > ul').eq($(this).index()).addClass('show');
 $('.ct > ul').eq($(this).index()).siblings().removeClass('show');
});
 $("pre > code").addClass("language-php");
});

	jQuery(".header-dropdown").hover(function() {
		jQuery(this).addClass('active');
	}, function() {
		jQuery(this).removeClass('active');
	});


</script>

 

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可联系站长QQ,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!!!!
5. 如有链接无法下载、失效或广告,请联系管理员处理!本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7.如遇到加密压缩包,默认解压密码为"www.xiaosonshu.com",如遇到无法解压的请联系管理员!
8.如遇到充值未到账,请联系管理员补发!管理员整天在线,未回复等等待!
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
守望者软件开发工作室 » RIPRO美化-“最新文章”首页美化

发表评论

  • 23会员总数(位)
  • 143资源总数(个)
  • 0本周发布(个)
  • 0 今日发布(个)
  • 270稳定运行(天)

小松鼠资源网 XIAOSONSHU.COM 一个高级程序员模板开发平台!

立即查看 了解详情