原版是macgf大佬的,房东家的猫是二开的功能,此版代码为初一提供:优化了后台设置前缀的显示样式,文字和图标可以自选。本来说是初一自己发的,也没法我就自己发得了。
前后台截图
![图片[1]-子比主题功能增强 – 文章列表标题自定义文字或图标前缀(初一小盏版)](https://oss.xkzhi.com/2025/04/20250404105819553-image.png)
![图片[2]-子比主题功能增强 – 文章列表标题自定义文字或图标前缀(初一小盏版)](https://oss.xkzhi.com/2025/04/20250404105825478-image.png)
![图片[3]-子比主题功能增强 – 文章列表标题自定义文字或图标前缀(初一小盏版)](https://oss.xkzhi.com/2025/04/20250404105832842-image.png)
![图片[4]-子比主题功能增强 – 文章列表标题自定义文字或图标前缀(初一小盏版)](https://oss.xkzhi.com/2025/04/20250404105849457-image.png)
代码
代码放在functions.php下或func.php
CSS代码
.DearLicy_prefix{
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
border-radius: 5px;
padding: 5px 4px;
margin-right: 3px;
height: 19px;
font-size: 12px;
top: -3px;
clip-path: polygon(7% 0, 99% 0, 93% 100%, 0 100%);
}
.DearLicy_prefix:after, .DearLicy_prefix: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);
}
@keyframes sweepTitle {
0% {
left: -100%
}
100% {
left: 100%
}
}
© 版权声明
THE END

-星空知](https://oss.xkzhi.com/befer/2024/01/20240109223300434-MTXX_MH20240109_223239779.jpg)











- 最新
- 最热
只看作者