子比主题美化：新版文章前缀

这是一套适配子比主题的新版自定义文章前缀代码组件。在文章编辑页面，既可以直接选用系统内置的六套前缀图标，也支持文字形式前缀，还能够自行上传图标来实现个性化效果，有需要的朋友可以按照教程部署使用。

代码部署

文件定位修改

目标文件路径为 /wp-content/themes/zibll/func.php，如果主题目录下找不到该文件，可以手动新建此文件，新建文件务必添加PHP头部声明，否则会出现程序报错，将下方完整PHP代码粘贴至文件内保存。

样式配置

CSS添加位置

进入子比主题后台，找到自定义CSS样式输入框，把下面的CSS代码完整粘贴进去保存，用来实现文字前缀的外观以及流光动画特效。

使用教程

功能模式选择

代码部署完成后，编辑文章页面会多出「标题前缀」配置面板。一共提供两种工作模式，图片模式和文字模式，按需切换即可。

图片模式用法

选择图片模式后，可以勾选系统自带的多套预设图标，支持同时多选多个，前台页面会按照勾选顺序依次展示。也可以点击自定义图片前缀，从网站媒体库挑选本地图片作为标题前缀，支持多张图片。

文字模式用法

切换到文字模式，输入框填写前缀文字，建议填写两个汉字，再挑选对应的背景配色，部分配色自带文字色彩，其余默认文字为白色，设置完成发布文章即可生效。

结语

整套功能部署完成后，写文章的时候就可以自由给文章标题添加图片或者文字标签前缀，丰富列表页的展示效果，按照步骤操作即可正常使用。