ripro子主题怎么增加右下角角标?

作者 : 小编 发布时间: 2020-03-6 共5130个字,阅读需13分钟。 共232 人阅读

阿里云服务器低至¥89元/年 限时抢

阿里云服务器专享1折起 | 限时抢各种代金券

立即抢购

腾讯云服务器低至¥50元/年 限时抢

腾讯云服务器专享1折起 | 1核2g服务器免费拿

立即购买

本教程为小编君闲来无事做
分享的
如不懂 可以加群一起聊一聊
免费一定不提供私聊指导。
别不回消息就骚扰。
小编也很忙,小编没收费,小编不帮忙。
千万别性骚扰。

1.首先我们进入

/ripro-chlid/parts/template-parts/content-grid.php 文件 找到第20行

   <?php 
    $ymetaValue = get_post_meta(get_the_ID(), "post_style_art", true);
    if (($ymetaValue=="yuanc") && _cao('site_vyuan',true))
    {
    echo '<div class="free-theme-tag">独家</div>';
    }
    elseif (($ymetaValue=="tuijian") && _cao('site_vtui',true))
    {
    echo '<div class="free-theme-tag">推荐</div>';	
    }
    elseif (($ymetaValue=="zhuanz") && _cao('site_ztui',true))
    {
    echo '<div class="free-theme-tag">转载</div>';	
    }
    elseif (($ymetaValue=="jinhua") && _cao('site_jtui',true))
    {
    echo '<div class="free-theme-tag">精华</div>';	
    }
    elseif (($ymetaValue=="yiceshi") && _cao('site_ytui',true))
    {
    echo '<div class="free-theme-tag">已测试</div>';	
    }
     elseif (($ymetaValue=="xiaosonshu-tag") && _cao('site_xiaosonshu',true))
    {
    echo '<div class="free-theme-tag">松鼠版</div>';	
    }
    elseif (($ymetaValue=="okmg-svipp") && _cao('site_okmg-svipp',true))
    {
    echo '<div class="free-theme-tag">会员专享</div>';	
    }
    elseif (($ymetaValue=="okmg-shangye") && _cao('site_okmg-svipp',true))
    {
    echo '<div class="free-theme-tag">商业专享</div>';	
    }
     elseif (($ymetaValue=="okmg-bgx") && _cao('site_okmg-gx',true))
    {
    echo '<div class="free-theme-tag">包更新</div>';	
    }
    ?>

进入/ripro-chlid/inc/options/child_theme.php文件 找到471行

    )); 
//首页功能    
CSF::createSection($prefix, array(
    'parent' => 'jhshome_fields',
    'title'  => '首页功能',
    'icon'   => 'fa fa-tachometer',
    'description' => '承蒙您喜欢本二开美化包, 由计划书之家开发JHripro_child主题',
    'fields' => array(        
        
        array(
            'id'         => 'site_vclock',
            'type'       => 'switcher',
            'title'      => '首页收费资源锁',
            'help'      => '开启不显示锁图标,关闭则显示',
            'default'    => true,
        ),
        //首页VIP角标 
        array(
            'id'         => 'site_vwip',
            'type'       => 'switcher',
            'title'      => '首页左上VIP角标',
            'help'      => '开启后可显示角标',
            'default'    => true,
        ),
        array(
            'id'         => 'site_vyuan',
            'type'       => 'switcher',
            'title'      => '首页右下角独家角标',
            'help'      => '开启后可显示角标',
            'default'    => true,
        ),
        array(
            'id'         => 'site_vtui',
            'type'       => 'switcher',
            'title'      => '首页右下角推荐角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
        array(
            'id'         => 'site_ztui',
            'type'       => 'switcher',
            'title'      => '首页右下角转载角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
        array(
            'id'         => 'site_jtui',
            'type'       => 'switcher',
            'title'      => '首页右下角精品角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
        array(
            'id'         => 'site_ytui',
            'type'       => 'switcher',
            'title'      => '首页右下角已测试角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
               array(
            'id'         => 'site_okmg',
            'type'       => 'switcher',
            'title'      => '首页右下角松鼠版角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
               array(
            'id'         => 'site_okmg-svipp',
            'type'       => 'switcher',
            'title'      => '首页右下角SVIP专享角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
            array(
            'id'         => 'site_okmg-svipp',
            'type'       => 'switcher',
            'title'      => '首页右下角商业专享角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
         array(
            'id'         => 'site_okmg-gx',
            'type'       => 'switcher',
            'title'      => '首页右下角包更新角标',
            'help'      => '开启后可显示角标',
            'default'    => false,
        ),
        //搜索样式
         array(
            'id'         => 'home_search',
            'type'       => 'switcher',
            'title'      => '首页搜索条(原主题5.7感觉不美好/小框搜索条)',
            'help'      => '开启为全屏样式(具体设置在原主题设置)',
            'default'    => false,
        ),
  
        
        
        ),
    ));
    

打开根目录的art_theme.php文件找到67行

   CSF::createSection($prefix_post_opts, array(
        'fields' => array(
        //jhshome.top 增加文章标题前功能
            array(
                'id'      => 'post_style_art',
                'type'    => 'radio',
                'title'   => '文章类型',
                'inline'  => true,
                'options' => array(
                    'yuanc'  => '独家',
                    'zhuanz' => '转载',
                    'jinhua' => '精品',
                    'tuijian' => '推荐',
                    'yiceshi' => '已测试',
                     'xiaosonshu-tag' => '松鼠版',
                       'okmg-svipp' => 'VIP专享',
                         'okmg-shangye' => '商业专享',
                          'okmg-bgx' => '包更新',
                    
                ),
                'desc'    => '选择类型,或展示在首页,文章页,不需要则不用选择',
            ),
        ),
    ));
}




进入/ripro-chlid/inc/options/ art_theme.php 找到67行

   CSF::createSection($prefix_post_opts, array(
        'fields' => array(
        //jhshome.top 增加文章标题前功能
            array(
                'id'      => 'post_style_art',
                'type'    => 'radio',
                'title'   => '文章类型',
                'inline'  => true,
                'options' => array(
                    'yuanc'  => '独家',
                    'zhuanz' => '转载',
                    'jinhua' => '精品',
                    'tuijian' => '推荐',
                    'yiceshi' => '已测试',
                       'xiaosonshu-tag' => '松鼠版',
                       'okmg-svipp' => 'VIP专享',
                         'okmg-shangye' => '商业专享',
                           'okmg-bgx' => '包更新',
                    
                ),
                'desc'    => '选择类型,或展示在首页,文章页,不需要则不用选择',
            ),
        ),
    ));
}




打开根目录的single.php文件找到80行

 
  <div class="content-box">
    <hgroup class="article-info">
    	<!--原创-->
    	<?php 
    $ymetaValue = get_post_meta(get_the_ID(), "post_style_art", true);
    if (($ymetaValue=="yuanc") && _cao('site_wvyuan',true))
    {
    echo '<div class="free-theme-wtag">独家</div>';
    }
    elseif (($ymetaValue=="tuijian") && _cao('site_wvtui',true))
    {
    echo '<div class="free-theme-wtag">推荐</div>';	
    }
    elseif (($ymetaValue=="zhuanz") && _cao('site_wztui',true))
    {
    echo '<div class="free-theme-wtag">转载</div>';	
    }
    elseif (($ymetaValue=="jinhua") && _cao('site_wjtui',true))
    {
    echo '<div class="free-theme-wtag">精华</div>';	
    }
    elseif (($ymetaValue=="yiceshi") && _cao('site_wytui',true))
    {
    echo '<div class="free-theme-wtag">已测试</div>';	
    }
        elseif (($ymetaValue=="xiaosonshu-tag") && _cao('site_xiaosonshu',true))
    {
    echo '<div class="free-theme-tag">松鼠版</div>';	
    }
    elseif (($ymetaValue=="xiaosonshu-svipp") && _cao('site_xiaosonshu-svipp',true))
    {
    echo '<div class="free-theme-tag">会员专享</div>';	
    }
    elseif (($ymetaValue=="xiaosonshu-shangye") && _cao('site_xiaosonshu-svipp',true))
    {
    echo '<div class="free-theme-tag">商业专享</div>';	
    }
     elseif (($ymetaValue=="xiaosonshu-bgx") && _cao('site_xiaosonshu-gx',true))
    {
    echo '<div class="free-theme-tag">包更新</div>';	
    }
    
    ?>

css文件在 div.css 55行

/*2020.2.7 原创等标签*/
.free-theme-tag {
    position: absolute;
    background-image: none;
    margin-top:-26px;
    right: 0px;
    color: #fff;
    padding: 2px 20px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    border-radius: 50px 0px 0 0;
}
.free-theme-wtag {
    position: absolute;
    background-image: none;
    top: 2px;
    right: 2px;
    color: #fff;
    padding: 1px 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    border-radius: 10px;
}

因为这个 标签是全局统一颜色

可以在css文件中增加一个

.free-theme-tag {

  1. background-color: #F44336!important;

}

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可联系站长QQ,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!!!!
5. 如有链接无法下载、失效或广告,请联系管理员处理!本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7.如遇到加密压缩包,默认解压密码为"www.xiaosonshu.com",如遇到无法解压的请联系管理员!
8.如遇到充值未到账,请联系管理员补发!管理员整天在线,未回复等等待!
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
守望者软件开发工作室 » ripro子主题怎么增加右下角角标?

发表评论

  • 23会员总数(位)
  • 143资源总数(个)
  • 0本周发布(个)
  • 0 今日发布(个)
  • 270稳定运行(天)

小松鼠资源网 XIAOSONSHU.COM 一个高级程序员模板开发平台!

立即查看 了解详情