全网首发-日主题V2角标亲测美化

日主题V2现在在SVIP内测阶段, 南瓜也是闲的蛋疼下载了, 这篇美化主要是做亲测类目的站长有帮助, 或者单篇文章自己测过, 就标注一下, 废话少说, 步入正题

教程开始

首先来到路径:

rizhuti-v2/inc/template-tags.php // 你的主题包路径

打开template-tags.php

翻到大概357行左右, 如图

全网首发-日主题V2角标亲测美化插图

echo '<span class="meta-shhop-icon"><i class="'.$_icon[$shop_type].'"></i></span>';

改成

echo '<span class="meta-shhop-icon"><i class="'.$_icon[$shop_type].'"><li class="meta-status"><span><i class="fa fa-gg"></i> 亲测</span></li></i></span>';

保存, 然后来到

themes/rizhuti-v2/assets/css/app.css // 你的主题包详细路径

在最底下添加代码:

/* 文章亲测角标 教程地址: https://www.0ng.cn/70563.html */

.meta-status {

margin-left: 8px;

position: relative;

display: inline-block;

padding: 1px 6px;

text-align: center;

background: linear-gradient(339deg, #ff4949 100%, #ff7849);

color: #fff;

border-radius: 2px;

line-height: initial;

-webkit-box-shadow: 0 3px 5px rgba(255,73,73,.5);

box-shadow: 0 3px 5px rgba(255,73,73,.5);

}

即可, 清理下缓存, 让我们看下效果图

全网首发-日主题V2角标亲测美化插图1 全网首发-日主题V2角标亲测美化插图2

相关文章

    WordPress模板

    wordpress主题Z-blog拓源纯净版

    2021-2-2 2:56:37

    WordPress模板

    【免费分享】zibll子比主题V5.1.1破解版WordPress主题+新增阿里云短信/腾讯云/短信宝/风吹雨短信接口

    2021-2-2 23:37:32

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