RiPro如何给菜单添加fontawesome图标
时间：2023年09月06日
/来源：网络
/编辑：佚名
许多朋友看到演示站的菜单有图标，不管是显示还是美观都有一定的效果，在这里，我介绍一下如何添给菜单添加fontawesome图标，也就是经常说的 fa fa图标。
RiRpo菜单添加fontawesome图标方法：
首先，这是很简单的，原理是利用菜单名，直接将fa fa图标标签添加进去。
具体操作如下：
在外观-菜单-点击要添加图标的菜单展开详情 然后如图，给菜单添加一段图标代码即可：
<span><i class="fa fa-home"></i> 首页</span>
Copy
注意这里有一些细节建议学习下
图标代码是用<span>标签包裹起来的，这样会避免个别情况下不对齐问题
</i> 后面，有一个空格，这样做的原因是图标和文字不会太拥挤
具体要用什么图标，可以到http://fontawesome.78moban.com/ 网站去查找即可，将自己喜欢的图标代码替换即可
<span><i class=”fa fa-图标代码”></i> 菜单名称</span>
这种方法适合很多网站，都是这个原理，只要您的网站支持fontawesome图标就行。
RiRpo菜单添加fontawesome图标方法：
首先，这是很简单的，原理是利用菜单名，直接将fa fa图标标签添加进去。
具体操作如下：
在外观-菜单-点击要添加图标的菜单展开详情 然后如图，给菜单添加一段图标代码即可：
<span><i class="fa fa-home"></i> 首页</span>
Copy
注意这里有一些细节建议学习下
图标代码是用<span>标签包裹起来的，这样会避免个别情况下不对齐问题
</i> 后面，有一个空格，这样做的原因是图标和文字不会太拥挤
具体要用什么图标，可以到http://fontawesome.78moban.com/ 网站去查找即可，将自己喜欢的图标代码替换即可
<span><i class=”fa fa-图标代码”></i> 菜单名称</span>
这种方法适合很多网站，都是这个原理，只要您的网站支持fontawesome图标就行。
新闻资讯 更多
- 【wordpress教程】WordPress跟踪记录访客在网站的搜索词 优化网站内容和搜索体验03-31
- 【wordpress教程】Zibll子比主题的用户中心修改头像增加支持上传PNG图片文件03-31
- 【wordpress教程】wordpress报错429怎么办03-28
- 【wordpress教程】wordpress如何批量删除指定分类目录下的所有文章03-23
- 【wordpress教程】Wordpress 在文章内容的第二段后面插入广告03-03
- 【wordpress教程】WordPress纯代码禁止发表重复标题的文章03-03
- 【wordpress教程】给wordpress博客-VIEU主题评论框添加打字特效（其他主题类似）03-03
- 【wordpress教程】wordpress自动批量定时发布插件 DX-auto-publish02-08
猜你需要
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好？哪个适合建站？
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程（如果有一天，emlog官方版 或者 emlog免费版 跑路了，那用户怎么办？）
- 8织梦CMS在nginx下设置伪静态方法（附nginx伪静态规则）
- 9帝国cms后台登录出现”您还未登录”怎么解决？
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法
豫ICP备2021026617号-1
豫公网安备：41172602000185