子比主题美化-在首页添加一个多功能四栏导航模块小工具

先来看下小工具效果图：

教程开始：

• 将下面的代码添加在网站页脚底部或者在 wp 后台添加小工具，效果展示是一样的我是添加在小工具的
• 添加路径：在后台—》外观—》小工具—》自定义 HTML—》 选择你需要放的位置
• 我是添加在首页顶部全宽度
• 修改代码中的链接以及文字改为自己的就好
• 将下面提供的二个 css 和 一个js 文件新建上传到你自己服务器，然后再下面代码填写对应路径

代码文件：

2. 新建iconfontdhmk.css文件

3. 新建iconfontdhmk.js文件

HTML代码：