Ripro8.x鼠标划过文章网格加载动效后不能点击解决教程

Ripro主题从6.x版本开始有一个“鼠标划过文章网格加载动效（新）”的功能效果，但是鼠标划过文章网格加载动效后不能正常跳转，这个问题到了现在8.8.0版本一直也没有解决，下面我们就来教大家如何解决这个问题，本教程适用于Ripro6.x版本后的所有子主题或父级主题，下面我们还是先看看效果：

Ripro6.x鼠标划过文章网格加载动效后不能点击解决教程，ripro主题鼠标划过文章网格加载动效 不能点击文章解决办法，解决教程如下：

Ripro父级主题：

1.如果使用的是父级主题，则打开：“ripro/inc/theme-functions.php”,搜索如下代码：

// 获取图片高度 显示img标签

2.这里是以最新8.8.0版本为例，其他版本可能会有差异，大约在186行,大家也可搜索“assets/images/svg/rings.svg”找到定位。

3.将这个字段186行到205行替换为如下代码：

// 获取图片高度 显示img标签
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','1')) { ?>
<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
}

4.替换后保存即可修复ripro主题鼠标不能点击网格加载动效的BUG。

Ripro子主题：

说明：因父级主题经常更新所以最好的解决方法是在子主题里解决，这样每次更新父级主题都不用每次更新再去修复这个BUG了！

1.首先在：“ripro-chlid/functions.php”文件里添加引导：

require_once get_stylesheet_directory() . '/inc/theme-functions.php';

2.在“ripro-chlid/inc”文件夹里新建“theme-functions.php”文件，并把如下代码复制进去：

<?php
// 获取图片高度 显示img标签
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','1')) { ?>
<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
}

?>

3.自此Ripro主题鼠标划过文章网格加载动效后不能点击的BUG即可解决！