前言

效果展示

开始教程

1. 新建CSS文件

在站点目录新建一个CSS样式文件，将下面的 CSS 样式代码放入文件中。

2. 添加函数代码

在子比主题根目录下 wp-content/themes/zibll/ 新建 func.php 文件，并在最顶部填上 <?php ，然后在底部粘贴下面代码（更新主题不会丢失）。也可以直接放在 functions.php 文件最底部（更新主题会丢失）。

• 修改代码内的CSS文件路径为刚才保存的文件路径。

3. 调用函数代码

在主题目录下：wp-content/themes/zibll/template/comments.php 文件里第90行左右添加以下代码。

<!--【夸夸功能】开始 天域博客 www.tianyubk.com --> 
  <?php kuakua()?> 
<!--【夸夸功能】结束 天域博客 www.tianyubk.com --> 

5. 引入阿里巴巴图标

建议自行引用阿里巴巴矢量svg图标，避免失效。在 functions.php 代码中更换图标代码！

WordPress教程：引用阿里巴巴矢量图标库彩色图标

天域博客

112641

也可以直接使用本站链接，在 子比主题后台 - 自定义代码 - 自定义底部HTML代码 里面添加下面代码。

<!--【阿里巴巴矢量svg图标】 天域博客 www.tianyubk.com --> 
<script src="//at.alicdn.com/t/c/font_3800775_f50abrt2vy5.js"></script>

教程到这里就结束了，完成后记得清空或者刷新各种缓存（浏览器/CDN/PHP等缓存）以便实时更新显示。