站库网下午找我说要和 SEO站长网 的纯标题一样,原先是双栏,他找百度没有教程要三栏,给他弄好后,这里就把代码公开下吧。

效果图:

1629616147-8ea197cca7f1d55
SEO站长网

教程开始

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

将以下代码全部替换:

<!--ripro纯标题改成三栏教程-->
<!--WordPress独家首发-->
<!--教程地址:https://www.wpon.cn/12779.html-->
<div class="section" style=" padding-bottom: 20px; ">
	  	<div class="container">
			<div class="row">
			
<?php
// ripro纯标题改成三栏教程
// WordPress独家首发
// 教程地址:https://www.wpon.cn/12779.html
$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-sm-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>

然后就可以了!

看下效果

1629616177-e22644b88edc16a
站库网

如果你觉得 背景图颜色很暗,将以下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;
}
1629616233-600a3f978d7b5aa
站库网

是不是很好看了呢?这样给想给首页加上纯标题但觉得两栏很丑的站长不少帮助呢?

好了,希望夏柔会给大家带来更多的优质教程!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源