欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」Font Awesome 4 Menus插件为导航菜单添加个性图标字体

作者 : 自学哈 本文共546个字,预计阅读时间需要2分钟 2022-11-6 共156人阅读
也想出现在这里? 联系我们

Font Awesome 4 Menus插件为导航菜单添加个性图标字体

目前图标字体非常流行,图标字体使用简单,与图片格式的小图标相比,支持视网膜显示,可以无限放大。特别是一些响应式设计的主题模板,都会或多或少使用图标字体,除了主题集成的图标字体,我们还可以单独为导航菜单上的项目也配上个性化的图标字体。

具体方法:

一、WP后台–插件–安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。

二、WP后台—外观—菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入一个图标字体选择器名称,如图:

如果在编辑菜单项目面板中无CSS类,可以打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”。

图标字体选择器名称,打开此页查看:http://fontawesome.io/icons/

点开一个认为合适的图标字体,在下会显示类似:

<i class="fa fa-home"></i>

只需在菜单CSS类中输入fafa-home就可以了。

当然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。

如果认为上面插件提供的图标字体不符合自己的要求(其实这套Font Awesome图标字体早已烂大街),还可以自己做一套更加个性化的图标字体。

图标字体在线制作:https://icomoon.io/app/

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」Font Awesome 4 Menus插件为导航菜单添加个性图标字体
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号