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

Ripro8.x鼠标划过文章网格加载动效后不能点击解决教程插图
ripro主题鼠标划过文章网格加载动效 不能点击文章解决办法

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即可解决!

发表评论

后才能评论