效果图:

文章缩略图自定义角标优化版本-riprov2教学网插图

一、将以下代码复制到ripro-v2/ accets/app.css底部

隐藏内容

此处内容需要权限查看

  • 普通用户购买价格:20学习币
  • 会员用户购买价格:16学习币8折
  • 赞助用户购买价格:免费推荐

二、将以下代码复制到ripro-v2/functions.php文件底部

隐藏内容

此处内容需要权限查看

  • 普通用户购买价格:20学习币
  • 会员用户购买价格:16学习币8折
  • 赞助用户购买价格:免费推荐

三、将以下代码覆盖ripro-v2/inc/template-tags.php中686行处图中所示位置

文章缩略图自定义角标优化版本-riprov2教学网插图1

     //加载前图片 lazyload
        // $lazyload_src = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
        $lazyload_src = _cao('default_thumb_lazyload');
        
        //获取比例
        $ratio = $_size_px['height'] / $_size_px['width'] * 100 . '%';
  $tese_arr = get_post_meta( get_the_ID(), 'jxw_post_tese', true );
        if ( $video && !wp_is_mobile() && get_post_format($post->ID) == 'video' && $mp4 = _get_post_thumb_video_src($post) ) {
            $img   = '<div class="entry-media video-thum" data-mp4="'.$mp4.'">';
        }else{
            $img   = '<div class="entry-media">';
        }

        if(!empty($tese_arr['jxw-tese-tag-custom'])){
            $ymetaValue = $tese_arr['jxw-tese-tag-custom'];
              $yangshi = $tese_arr['jxw-yangshi'];                                
                                    }
                                   
         if ( $options['link'] ) {
           $img .= '<div class="'.$yangshi.'">'.$ymetaValue.'</div>';
        } else {
            $img .= '<div class="'.$yangshi.'">'.$ymetaValue.'</div>';
        }
      
 
        $img .= '<div class="placeholder" style="padding-bottom: ' . esc_attr($ratio) . '">';

        $img .= '<a'. _target_blank() .' href="' . get_permalink($post->ID) . '" title="' . get_the_title($post->ID) . '" rel="nofollow noopener noreferrer">';
        $img .= '<img class="lazyload" data-src="' . $src . '" src="'.$lazyload_src.'" alt="' . get_the_title() . '" />';
        
        $img .= '</a>';
        $img .= '</div>';
        $img .= '</div>';

 

使用说明:

需要角标需要则复制class="badge badge-pill badge-primary" “”内的内容或输入demo,不需要则不输入

 

发表评论

后才能评论

评论(7)