子比主题美化 – 自定义文章标签前缀申明

原理是使用CSF框架创建一个metabox给文章储存相关数据，然后通过过滤文章标题实现在文章前面增加前缀。

图片[1] - 子比主题美化 – 自定义文章标签前缀申明 - 狐狸资源网 — 图片

图片[2] - 子比主题美化 – 自定义文章标签前缀申明 - 狐狸资源网 — 图片

图片[3] - 子比主题美化 – 自定义文章标签前缀申明 - 狐狸资源网 — 后台

部署教程

PHP代码放置于funtions.php或func.php

自定义CSS样式文件

/*文章前.缀申明开始-木木源码网：https://www.mmwl.cc*/
@keyframes sweepTitle {
0% {
left: -100%
}
100% {
    left: 100%
}
}
.ove_prefix, .ove_prefix1{
color: #fff;
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
border-radius: 5px;
padding: 5px 4px;
margin-right: 3px;
height: 19px;
font-size: 12px;
clip-path: polygon(7% 0, 99% 0, 93% 100%, 0 100%);
}
.ove_prefix, .ove_prefix1:after{
position: absolute;
content: " ";
display: block;
left: -100%;
top: -5px;
width: 15px;
height: 145%;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
animation: sweepTitle 3s ease-in-out infinite;
transform: rotate(28deg);
}
.ove_prefix{ background: linear-gradient(135deg, #60e464 10%, #5cb85b 100%); }
.ove_prefix1{ background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); }
/*文章前.缀申明结束-*/

文章版权声明 1、本网站名称：木木源码网
2、本站永久网址：https://www.mmwl.cc
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

给力项目，开通会员可全部免费下载！！！
友情提醒：这里没有广告，只有干货！定期分享你意想不到的网络思维！搞钱项目！