相信大家升级6.X版本后都发现了RIPRO增加了一个(鼠标划过文章网格加载动效)后台默认关闭列表模块加载动态效果,开启后有一个加载的圈圈,但是不能点击进入文章?

下面翔哥教大家如何解决这个问题,非常简单!

教程开始

首先 我们打开ripro/inc/theme-functions.php
搜索

// 获取图片高度 //NEW

或者

entry-media

鼠标划过文章网格加载动效-爱福利吧

将以下代码整体替换进去

// 获取图片高度 //NEW
if ( ! function_exists( 'cao_entry_media' ) ) :
function cao_entry_media() {
  global $post;
  $ratio = cao_thumbnail_ratio(); ?>
  <div class="entry-media">
    <div class="placeholder" style="padding-bottom: <?php echo esc_attr( $ratio ); ?>;">
      <a <?php echo _target_blank();?>  href="<?php echo esc_url( get_permalink() ); ?>">
        <img class="lazyload" data-src="<?php echo esc_url(_get_post_timthumb_src()); ?>" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="<?php echo get_the_title(); ?>">  
      
      <?php if (_cao('post_tim_rload','0')) {  ?>
      <div class="cao-cover"><img src="<?php echo get_template_directory_uri();?>/assets/images/svg/rings.svg"  height="50px"></div>
      <?php } ?>
      </a>
    </div>
    <?php get_template_part( 'parts/entry-format' ); ?>
  </div>
  <?php 
}
endif;

原理:开启加载效果后,动态效果的图片会在之前文章缩略图前面,遮住了之前的链接,这里我们需要把<a>标签包含这个动态效果图片就行了。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。