最新公告
  • 欢迎您光临笨羊博客,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • RIPRO主题6.x开启(鼠标划过文章网格加载动效)后不能点击解决方法

    相信大家升级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" width="50" height="50px"></div>
          <?php } ?>
          </a>
        </div>
        <?php get_template_part( 'parts/entry-format' ); ?>
      </div>
      <?php 
    }
    endif;
    

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

    张昊翔博客原创文章,作者:,如若转载,请注明出处:
    1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2、分享目的仅供大家学习和交流,请不要用于商业用途!
    3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    4、如有链接无法下载、失效或广告,请联系管理员处理!
    5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

    笨羊博客 » RIPRO主题6.x开启(鼠标划过文章网格加载动效)后不能点击解决方法

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    笨羊博客
    一个关注网站建设、网站模板、搜索引擎、小程序的媒体博客

    发表评论