ripro给文章右下角加上已测试角标{适用于子主题/美化包}

效果截图

说明

这几天看到别人网站有一个已测试/独家什么的角标  觉得还不错,就扒了下来

做资源站怎么能少了这个功能呢,经过5分多钟的努力  终于把他搞定了,

下边是教程,好好看下   主要适用于子主题/美化包,不用美化的朋友找相应的位置自行研究

设置教程

找到子主题路径:/wp-content/themes/srcdict-ripro/parts/template-parts/metabox.theme.php

复制以下代码到第十行，美化包不同位置不同，自己好好找下位置

  	<!--文章右下角角标-->
  	<?php 
    $ymetaValue = get_post_meta(get_the_ID(), "post_style_art", true);
    if (($ymetaValue=="yuanc"))
    {
    echo '<div class="jing-theme-tag">独家</div>';
    }elseif (($ymetaValue=="noceshi"))
    {
    echo '<div class="free-theme-tag">待测试</div>';	
    }elseif (($ymetaValue=="ceshi"))
    {
    echo '<div class="free-theme-tag">已测试</div>';	
    }				
    ?>
  	<!--文章右下角角标-->

找到主题路径 /wp-content/themes/ripro/inc/codestar-framework/options/metabox.theme.php

大约55行左右 添加以下代码：

            //mb2345.com 文章右下角角标
            array(
                'id'      => 'post_style_art',
                'type'    => 'radio',
                'title'   => '文章角标',
                'inline'  => true,
                'options' => array(
                    'yuanc'  => '独家',
                    'noceshi' => '待测试',
					'ceshi' => '已测试',
                ),
                'desc'    => '文章标题前显示相关角标',
            ),
           //mb2345.com 文章右下角角标

代码加好以后  添加css到主题或子主题css

路径：/wp-content/themes/xxx（使用的主题不一样文件夹也不一样 自己找下）-ripro/div.css

代码：

暂无优惠 永久钻石免费
当前隐藏内容需要支付
3积分
已有1人支付
 支付查看

如有其它需要,自己改变css颜色代码,文字等  对应文字就是对应显示角标