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

这是一条文章内容页公告,可在后台开启或关闭,此处可使用html标签...

好多小伙伴喜欢文章缩略图显示仿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">
  <?php if (_cao('article_top_ui')) : ?>
		<?php endif; ?>	
    <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;

整段替换

VIP免费 永久VIP免费

已有3人支付

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

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


UI掌控:cinui_

关注我们,获取更多的全网素材资源
有趣有料!

CINUI原创设计 - 未经允许不得转载
CINUI原创设计 » RiPro主题缩略图添加仿MAC风格头部原点

发表评论

提供最优质的资源集合

立即查看 了解详情
全站53000+课程免费学!昨日已有20192位学员免费领取~