前言
介于对ripro主题的很多修改幅度比较小, 所以就把这些修改汇总, 方便查找.
正文
标签美化
找到
/wp-content/themes/ripro/assets/css/diy.css文件把下面代码放入其中
/*标签美化/ /strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）/ .tagcloud a{ position: relative; padding: 1px 4px 2px 4px; margin: 0px 4px 0px 3px; border: 1px solid #e6e7e8; border-radius: 18px; text-decoration: none; white-space: nowrap; -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";/兼容ie7/8/filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=1); }
.tagcloud a:nth-child(7n+1):hover{color:#ffffff;background-color:rgba(255,78,106,.8)} .tagcloud a:nth-child(7n+2):hover{color:#ffffff;background-color:#ffaa73} .tagcloud a:nth-child(7n+3):hover{color:#ffffff;background-color:#fed466} .tagcloud a:nth-child(7n+4):hover{color:#ffffff;background-color:#3cdc82} .tagcloud a:nth-child(7n+5):hover{color:#ffffff;background-color:#64dcf0} .tagcloud a:nth-child(7n+6):hover{color:#ffffff;background-color:#64b9ff} .tagcloud a:nth-child(7n+7):hover{color:#ffffff;background-color:#b4b4ff}
.tagcloud a:nth-child(7n+1){background-color:rgba(255,78,106,.15);color:rgba(255,78,106,.8)} .tagcloud a:nth-child(7n+2){background-color:rgba(255,170,115,.15);color:#ffaa73} .tagcloud a:nth-child(7n+3){background-color:rgba(254,212,102,.15);color:#fed466} .tagcloud a:nth-child(7n+4){background-color:rgba(60,220,130,.15);color:#3cdc82} .tagcloud a:nth-child(7n+5){background-color:rgba(100,220,240,.15);color:#64dcf0} .tagcloud a:nth-child(7n+6){background-color:rgba(100,185,255,.15);color:#64b9ff} .tagcloud a:nth-child(7n+7){background-color:rgba(180,180,255,.15);color:#b4b4ff} /*标签美化/
网页底部添加自己的联系方式
找到
sszas.cn\wp-content\themes\ripro\parts\diy-footer.php文件删除掉里面所有内容, 并替换以下内容
</div>把里面的文字和图片链接替换成自己的
修改网格文章样式
找到
sszas.cn\wp-content\themes\ripro\parts\home-mode\gridpost.php文件删除里面内容, 替换以下内容
array($posts_1), 'posts_per_page' => 1, ); $posts_4 = array( 'cat' => $mode_gridpost['posts_4'], 'ignore_sticky_posts' => 0, 'post_status' => 'publish', 'posts_per_page' => 4, 'orderby' => $mode_gridpost['orderby'], ); ?><!-- col-md-6 --> <div class="col-8 col-md-8 col-sm-8 col-xs-8 sm-flex padding-10"> <?php ///////////S CACHE //////////////// if (CaoCache::is()) { $_the_cache_key = 'ripro_home_gridpost_posts_'.$posts_1_id; $_the_cache_data = CaoCache::get($_the_cache_key); if(false === $_the_cache_data ){ $_the_cache_data = new WP_Query( $posts_1 ); //缓存数据 CaoCache::set($_the_cache_key,$_the_cache_data); } $posts_1 = $_the_cache_data; }else{ $posts_1 = new WP_Query( $posts_1 ); //原始输出 } ///////////S CACHE //////////////// while ( $posts_1->have_posts() ) : $posts_1->the_post(); ?> <div class="list-item list-homegrid-overlay flex-fill"> <div class="media media-28x15 sm-flex flex-fill"> <a<?php echo _target_blank();?> class="media-content lazyload" href="https://sszas.cn/35.html" data-bg="https://cdn.w2fenx.com/1-banner/beginner_guide_2.png" <!-- data-bg="https://cdn.w2fenx.com/beginner_guide.jpg" --> > <!-- https://cdn.w2fenx.com/1-banner/beginner_guide_2.png --> <!-- <span class="overlay"></span> --> </a> </div> <div class="list-content"> <div class="list-body"> <a<?php echo _target_blank();?> class="list-title" href="https://sszas.cn/35.html"> 新人指南 </a> <?php get_template_part( 'parts/entry-footer' ); ?> </div> </div> </div> <?php endwhile; wp_reset_postdata(); ?> </div> <div class="col-4 col-md-4 col-sm-4 col-xs-4 small-box"> <div class="list-scroll-2x small-box"> <div class="row"> <!-- --> <div class="col-12 padding-10"> <div class="list-item list-homegrid-overlay"> <div class="media"> <a<?php echo _target_blank();?> class="media-content lazyload" href="https://sszas.cn/vip" data-bg="https://cdn.w2fenx.com/join_us.jpg"> </a> </div> </div> </div> <?php // endwhile; wp_reset_postdata(); ?> </div> <div class="row"> <div class="col-12 padding-10"> <div class="list-item list-homegrid-overlay"> <div class="media"> <a<?php echo _target_blank();?> class="media-content lazyload" href="https://sszas.cn/hj" data-bg="https://cdn.w2fenx.com/1-banner/collection_download_1.png"> </a> </div> </div> </div> <?php // endwhile; wp_reset_postdata(); ?> </div> </div> </div> </div>修改跳转链接和背景图
找到
sszas.cn\wp-content\themes\ripro\assets\css\diy.css文件在文件中添加以下内容
/网格文章样式修改 开始/ .gridpost .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; z-index: 1; background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.95),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.1)); background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 70%,rgba(0,0,0,0)); } .col-xs-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xs-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .small-box{ display: flex; flex-direction: column; justify-content: space-between; padding:0px; padding-right:5px; } /* .list-item{ padding:0px; } */ /网格文章样式修改 结束/
解决手机端一行只显示一个资源的问题
找到
sszas.cn\wp-content\themes\ripro\parts\template-parts\content-list.php文件删除掉其中内容, 并且把以下内容添加进去
>
修改下载弹出框的提示信息
1. 找到\wp-content\themes\ripro\assets\js\app.js文件
2. 搜索到下载地址获取成功文字, 替换成自己需要的就行
