1、登录我们的 zblogPHP 站点后台 >> 模块管理 >> 导航栏,详细如下:
2、在“导航栏”模块编辑界面中,类型选择 DIV,打开“禁止系统更新模块内容”的开关,然后在正文的导航菜单名称前添加个性化图标代码,如:
<i class=\公众fas fa-book\公众></i>
详细效果如下图所示:
关于图标代码后面的 是图标跟名称之间加一个空格,让其看起来更都雅而已。设置好后显示的效果如下图所示:
理论上,图标字体可以用在网站的任意位置,只须要用 i 标签加 class 来添加即可。比如我要加入微信图标,我只要在须要显示的位置添加如下标签即可:
<i class=\"大众fab fa-weixin\"大众></i>
而我们想要更多的图标,就须要到官方的图标库(https://fontawesome.com/icons)里面去查找,找到得当的图标后,点击打开即可得到相应的标签 class 了。
这是我利用 zblog 后碰着的导航菜单图标问题的办理办法,希望可以帮助跟我一样碰着这样问题的朋友。