Ripro添加首页vip资源小图标

效果如下:

Ripro添加首页vip资源小图标-咸鱼织梦

教程开始:

首先找到ripro\inc\theme-functions.php文件,并全局搜索”// 获取图片高度” 默认为176行,得到以下内容。并将以下内容全部替换成下面的代码

 

// 获取图片高度
function cao_entry_media( $options = array() ) {
  global $post;
  $ratio = cao_thumbnail_ratio(); ?>
  <div class="entry-media">
    <div class="placeholder" style="padding-bottom: <?php echo esc_attr( $ratio ); ?>;">
    	
    <?php if ((_get_post_shop_status() || _get_post_shop_hide()) && _cao('grid_is_price',true)) : 
    ?>
    <?php echo '<i class="tags src-vip"></i> '?>
    <?php endif; ?>
      <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(); ?>">  
      </a>
    </div>
    <?php get_template_part( 'parts/entry-format' ); ?>
  </div>
<?php 
}

然后找到ripro根目录下的style.css文件 将附件内的style.css文件进行替换。

 .src-vip {
    height: 48px;
    width: 35px;
    background-position: -70px 0;
      position: absolute;
    top: -4px;
    left: 10px;
    z-index: 20;
    text-align: center;
    color: #fff;
    font-size: 0;
}

.tag-free, .tag-original, .src-vip {
    display: inline-block;
    background-image: url(角标图片地址);
    background-repeat: no-repeat;
    background-size: auto 48px;
}

角标图片:

Ripro添加首页vip资源小图标-咸鱼织梦

http://mip.i3geek.com

人已赞赏
RIpro美化

ripro主题美化-添加vip页面

2020-11-25 15:57:35

RIpro美化

Ripro美化 - 纯标题模块改成三栏显示

2020-11-28 9:24:17

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索