WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题

WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-b2主题,阿里巴巴矢量图标库站点 iconfont:https://www.iconfont.cn/

一、网站注册

注册网站,新建项目库,添加喜欢的图标到购物车即可(比较简单,奇它论坛@老白不再赘述)

二、图标引用

1.引入Symbol图标js代码

拷贝项目下面生成的 Symbol 代码

2.后台添加js文件

在主题目录的function.php文件底部,添加以下代码

3.菜单栏添加图标代码

外观——菜单——导航标签

<svg class="icon" aria-hidden="true"><use xlink:href="#icon-shijie"></use></svg> 首页

注意:icon-shijie就是图标代码,替换这个符号即可

其他相关文章

WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题
WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题

wordpress导航菜单栏设置新窗口打开

WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题
WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题

WordPress菜单栏动态图标-通用图形图标设置方法

WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题
WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题

WordPress网站设置侧栏“最近访客”小工具美化版

WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题
WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-B2主题

WordPress免插件实现彩色标签云

已有 73 条评论,让我们看看您的独特见解
OwO表情
  • 阿鲁
  • 兔斯基
  • 贴吧
  • 微博
🚨 小黑屋
  1. 浮华

    谢谢分享

  2. 755399969

    前来学习

  3. 周小鱼

    正需要这个教程

  4. 支持

    看看怎么样

  5. kindemon

    谢谢,学习下

  6. 161

    少时诵诗书

  7. Raven

    ?感谢分享

  8. bongxin

    感谢分享

  9. a261331881

    非常感谢

  10. rushwei

    正需要这个教程?

  11. 迹风ovo

    学习

  12. nms1314

    多谢分享

  13. waswmu

    xx学习下 谢谢分享

  14. 静彩

    正需要这个教程

  15. 。。

    看一下

  16. 黑濑森

    看看

  17. mappa

    感谢分享

  18. One

    看看

  19. IOUOPU

    正需要这个教程

  20. ling

    前来学习

  21. 夕阳团

    谢谢分享

  22. 4512643

  23. ml

    1111

  24. xswy

    看一下

  25. rmgzs1

    学习

  26. nianpo

    学习

  27. 初心8046

  28. X2835

    来看看学习

  29. 老张a

    我来看看学习

  30. 优渥设计

    我来看看学习

  31. vk

    不错

  32. 张益达m

    急急急

    • 张益达m

      不行啊站长 添加function.php代码就报错了

    • 站长老白

      是不是其他功能冲突了,我今天刚测试了,没问题

  33. Deder夫人

    看看

  34. 剧本

    垃圾

  35. 孙德法

    支持支持

    ‘’

  36. 熊布斯

    看看

  37. Roar

    学习了

  38. 花

    学习学习下

  39. 淡然

    学习

  40. 3523864713

    大哥yyds

  41. 风恋残叶

    good job

  42. yihegf

    11111

  43. KOK

    学习一下

  44. MrR10838

    来了

  45. 黑渊

    牛啊牛啊

  46. 棉花神样

    看看

  47. 正需要这个教程

  48. s1mpleb0y

    有用!

  49. 幕沉

    学习学习

  50. 龙民

    来了

  51. 滚石导航

    感谢分享

  52. 雨轩

    感谢老白分享

  53. 技术宅

    学习了

  54. 烟沙

    支持支持

  55. b486153

    有用

  56. 可爱的你

    学习学习

  57. ralo

    看看看 学习学习

  58. maomao353

    学习学习

  59. 教育招生咨询

    44444444444

    • 站长老白

      你们不好好评论,发这种凑字数的,我也学他们搞收费吧,B2的分享之风原本就差,你们看的人还不咋在意,瞎评论

  60. 梵高先生

    有用!

    • 站长老白

      看一个人网站做了哪些美化,就知道他弄了哪些教程?

个人中心
购物车
今日签到
有新私信 私信列表
搜索