本文作者:花雾影

Ripro美化 - 纯标题模块改成三栏显示

花雾影4个月前 ( 12-20 )30509抢沙发
Ripro美化 - 纯标题模块改成三栏显示摘要: 1教程开始:首先来到目录: ripro/parts/home-mode将以下代码全部替换:<div class="section" s...

11586444421-leading-banner-mb.png Ripro美化 - 纯标题模块改成三栏显示 ripro美化 代码 第1张

教程开始:

首先来到目录: rIPro/parts/home-mode

将以下代码全部替换:

<div class="section" style=" padding-bottom: 20px; ">  	 	<div class="container">  			<div class="row">  			  <?PHP  $mode_ulistpost = _cao('mode_ulistpost');  foreach ($mode_ulistpost['catulist'] as $key => $cms) {  	$args = array(  	   'cat'            => $cms['category'],  	   'ignore_sticky_posts' => true,  	   'post_status'         => 'publish',  	   'posts_per_page'      => $cms['count'],  	   'orderby'      => $cms['orderby'],  	);  	///////////S CACHE ////////////////  	if (CaoCache::is()) {  	   $_the_cache_key = 'rIPro_home_ulist_posts_'.$args['cat'];  	   $_the_cache_data = CaoCache::get($_the_cache_key);  	   if(false === $_the_cache_data ){  	       $_the_cache_data = new WP_Query($args); //缓存数据  	       CaoCache::set($_the_cache_key,$_the_cache_data);  	   }  	   $data = $_the_cache_data;  	}else{  	   $data = new WP_Query($args); //原始输出  	}  	///////////S CACHE ////////////////  	  	$category = get_category( $cms['category'] );  	$this_i = 0; ?>  	<div class="col-12 col- *** -4">  		<div class="uposts">  		<div class="codesign-list lazyload visible" data-bg="<?PHP echo esc_url( $cms['bgimg'] ); ?>">  			<h4 class="codeisgn-h4"><i class="fa fa-circle-o"></i>  <a<?php echo _target_blank();?> href="<?php echo esc_url( get_category_link( $category->cat_ID ) ); ?>"><?php echo $category->cat_name; ?> &gt;</a></h4>  			<span class="codesign-esc"><p><?php echo $cms['desc'];?></p></span>  			<div class="codesign-cover"></div>  		</div>  	   <?php while ( $data->have_posts() ) : $data->the_post();  	   $this_i++;  	   echo '<div class="hentry"><h2 class="title"><span class="post-num num-'.$this_i.'">'.$this_i.'</span><a'._target_blank().' href="'.get_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a></h2>';  	   echo '<div class="meta"><span>热度('._get_post_views().')</span></div></div>';  	   endwhile; ?>  	   </div>     </div>  	<?php  	wp_reset_postdata();  }  ?>  		</div>  	</div>  </div>

然后就可以了!

如果你觉得 背景图颜色很暗,将以下css代码加到后台 – 外观 – 自定义CSS即可:

.uposts .codesign-cover {     position: absolute;     left: 0;     right: 0;     top: 0;     bottom: 0;     background: #00000000;     border-radius: 4px 4px 0 0;     z-index: 0;  }  .post-list .cao-cover img{  	display: none;  }

效果如下图:

三栏.PNG Ripro美化 - 纯标题模块改成三栏显示 ripro美化 代码 第2张


文章版权及转载声明

作者:花雾影本文地址:https://www.shuipo.net/blog/162.html发布于 4个月前 ( 12-20 )
文章转载或复制请以超链接形式并注明出处水泊网

赞(

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,30509人围观)参与讨论

还没有评论,来说两句吧...