目前图标字体非常流行,图标字体使用简单,与图片格式的小图标相比,支持视网膜显示,可以无限放大。特别是一些响应式设计的主题模板,都会或多或少使用图标字体,我们还可以单独为导航菜单上的项目也配上个性化的图标字体。
具体方法:
一、WP后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用,也可以直接在本站下载,然后上传安装或解压后通过FTP上传。
二、打开图标字体官网,找到我们所需要的图标,然后记录下来,如首页图标的名称是home,那么我们就需要在菜单CSS类中输入fa fa-home就可以了,其他图标也是同样的办法(也可以直接点击该图标后在出现的页面中的<i class="fa fa-home"></i>复制fa fa-home)。
三、WP后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入我们刚才记录下来的图标字体名称(如首页就输入fa fa-home),保存即可。
PS:如果在编辑菜单项目面板中无CSS类,可以打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”
当然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。
WordPress日记主要承接WordPress主题定制开发、PSD转WordPress、WordPress仿站以及以WordPress为管理后端的小程序、APP,我们一直秉持“做一个项目,交一个朋友”的理念,希望您是我们下一个朋友。如果您有WordPress主题开发需求,可随时联系QQ:919985494
相关文章
宝塔面板通过设置虚拟内存降低内存使用率及负载状态
对于经常使用宝塔面板来管理linux服务器,部署WordPr…插件定制开发案例:Mx Donation For Wordpress在线捐助插件(对接AlphaPay微信、支付宝、银联支付)
最近给客户定制开发了一款在线捐助的插件,插件的名字是Mx D…WordPress将复制别的网站的文章里的图片自动保存到自己的服务器
我们都知道一个网站上的内容尽量的去做原创,这样对SEO优化是…WordPress使用插件No Category Base (WPML)去除分类Category目录
很多时候我们开发好的WordPress主题,出于SEO优化及…WordPress自定义弹窗登录、注册、找回密码插件-Mx Custom Login
最近我们开发了一款WordPress自定义弹窗登录、注册、找…简单好用的WordPress评论插件 ——Commentator
Commentator是一款来自国外的wordpress插件…