1、登录我们的 zblogPHP 站点后台 >> 模块管理 >> 导航栏,详细如下:

2、在“导航栏”模块编辑界面中,类型选择 DIV,打开“禁止系统更新模块内容”的开关,然后在正文的导航菜单名称前添加个性化图标代码,如:

<i class=\公众fas fa-book\公众></i>

详细效果如下图所示:

php图标怎么固定zblogPHP导航栏菜单名称前的个性化图标设置办法 React

关于图标代码后面的 是图标跟名称之间加一个空格,让其看起来更都雅而已。
设置好后显示的效果如下图所示:

理论上,图标字体可以用在网站的任意位置,只须要用 i 标签加 class 来添加即可。
比如我要加入微信图标,我只要在须要显示的位置添加如下标签即可:

<i class=\"大众fab fa-weixin\"大众></i>

而我们想要更多的图标,就须要到官方的图标库(https://fontawesome.com/icons)里面去查找,找到得当的图标后,点击打开即可得到相应的标签 class 了。

这是我利用 zblog 后碰着的导航菜单图标问题的办理办法,希望可以帮助跟我一样碰着这样问题的朋友。