mkblog美化分类 & 标签

北巷季 2032 字 1.2K 7

闲着没事儿,又开始优化美化了
以下教大家给网站添加一点新元素,这也是采集他人站点的

1列表博文分类元素

先给大家看看修改的前后效果
修改之前
mkblog美化分类 & 标签

修改后
mkblog美化分类 & 标签

开始动手!

首先打开主题根目录的index.php文件第132行后面添加以下代码:

此部分已被隐藏

发表评论刷新页面后方可查看

在主题设置后台自定义 CSS 添加以下CSS

建议还是在自定义css操作,以免忘记备份了

/*列表博文分类标签*/
.sort_tag {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 12px;
    margin-top: 5px;
    padding: 2px 8px 2px 12px;
    background-image: linear-gradient(90deg,#ff1800 0,#217ff3 100%);
    color: #fff;
}

.sort_tag a {
    color: #fff;
}

.sort_tag li {
    list-style: none;
}

2文章页内标签美化

mkblog美化分类 & 标签

打开主题目录文件/inc/article-head.php

在第45行后面添加以下代码

            <p class="post-tags">
                <?php the_tags('标签:', '', ''); ?>
            </p>

在主题设置后台自定义 CSS 添加以下CSS

此部分已被隐藏

发表评论刷新页面后方可查看


[aru_12]分享记得加上本站署名哦!

发表评论 取消回复
表情 图片 链接 代码

  1. ych-template

    沙发

  2. 飞
    Lv 1

    不错

  3. 飞
    Lv 1

    转发

  4. 萌兔苑
    萌兔苑 Lv 1

    漂亮爆赞!

分享
没有账号? 忘记密码?

社交账号快速登录