第一款样式

1.准备工作

确保您的WordPress网站已安装并启用子比主题。子比主题是默认引用了Font Awesome 4图标库

2.添加CSS

将以下CSS代码添加到您的主题的自定义CSS区域中。可以在WordPress后台导航Zibll主题设置 – 全局&功能 – 自定义代码 – 自定义CSS样式 里面。

3.添加HTML结构

将以下HTML代码添加到您的子比主题的 Zibll主题设置 – 页面&显示 – 底部页脚 – 版块二 里面

4.添加运行时间脚本

将以下JavaScript代码添加到您的主题的自定义JavaScript区域中。可以在WordPress后台导航Zibll主题设置 – 全局&功能 – 自定义代码 – 自定义javascript代码 里面。

说明

逛 Gitee、Github 等各大代码仓库时，往往能看到以下这种徽章式的网页链接，美观好看又方便，那么这个徽章是如何制作出来的呢？本文就带大家制作属于自己的徽章式链接。

第二款样式

HTML代码

将下面代码放在网站底部或者侧边栏，主要是css+js的代码！html格式！

把下面代码放入主题设置，页面显示，底部页脚，栏目2中即可，也可以放在其他支持html的地方

推荐一个徽标设置网站，本来还有一个更好的网站但是我找不到了只能这个了Badges · Bootstrap (getbootstrap.com)