RiPro主题缩略图添加仿MAC风格头部原点

好多小伙伴喜欢文章缩略图显示仿mac风格顶部，经过CINUI原创设计的探索，发现了非常方便的做法。

看一下效果图

废话不多 教程开始

1.找到/wp-content/themes/ripro/inc/theme-functions.php并搜索 “获取图片高度”

// 获取图片高度 //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;

整段替换

如若转载请保留本站版权：设计来源于CINUI原创设计独家首发。

购买本站子主题美化包，此功能以内置到后台控制