RiPro主题美化-首页纯标题模块改成三栏显示+美化

RiPro主题美化-首页纯标题模块改成三栏显示+美化-G6社区

教程开始

首先来到目录: ripro/parts/home-mode,将以下代码全部替换就可以实现了:

<!--ripro纯标题改成三栏教程@G6社区gliu.cn-->
<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 => $<span class="wp_keywordlink_affiliate"><a href="https://gliu.cn/" title="G6社区" target="_blank">G6社区</a></span>) { 
    $args = array(
        'cat'            => $<span class="wp_keywordlink_affiliate"><a href="https://gliu.cn/" title="G6社区" target="_blank">G6社区</a></span>['category'],
        'ignore_sticky_posts' => true,
        'post_status'         => 'publish',
        'posts_per_page'      => $<span class="wp_keywordlink_affiliate"><a href="https://gliu.cn/" title="G6社区" target="_blank">G6社区</a></span>['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>

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

/* 
* ripro纯标题改成三栏教程(CSS美化类@G6社区gliu.cn)
*/
.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;
}
建站专区

9月最新自动发卡系统二开源码-新增支付宝接口

2020-9-7 16:19:37

建站专区

Zblog主题-仿小k资源模板免费下载@刀贱贱博客

2020-9-8 13:04:09

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索