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

作者 : 站长 本文共1992个字,预计阅读时间需要5分钟 发布时间: 2020-04-16 共419人阅读

效果截图

说明

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

做资源站怎么能少了这个功能呢,经过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

代码:

暂无优惠 永久钻石免费

已有1人支付

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

RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
魔心美化 » ripro给文章右下角加上已测试角标{适用于子主题/美化包}

常见问题FAQ

美化包支持最新版本吗?
魔心美化最新美化支持永久更新!

4 评论

  1. 555

发表评论

现在加入魔心美化,