• 欢迎访问奇跡の海网站,本站不上传任何资源,所有资源均来自于网络,欢迎加入奇跡の海~! QQ群
  • 本站下载资源为网络上收集整理而来,并且以计算机技术研究交流为目的,版权归原作者所有,仅供大家参考,学习,不存在任何商业目的与商业用途.

WordPress为导航菜单添加个性图标字体(Font Awesome 4 Menus 纯代码版本)

WP插件 奇跡の海 1年前 (2017-01-03) 70次浏览 已收录 0个评论 扫描二维码

本站前不久,将菜单栏加了图标,并做了记录【记录】为导航菜单添加个性图标字体 整体效果自己感觉非常不错。也非常喜欢。
实现此功能,是依靠一个插件 Font Awesome 4 Menus ,后来无意中发现了张戈博客分享了纯代码实现这个插件的功能,本着“有代码就不用插件”的原则,据说精简了基本用不到的 shortcode 图标调用功能。欣然测试,确实有效。
将方法记录于此,以便查询,方便日后升级主题重新修改。

非插件方法

整体思路:下载现成的代码,上传到相应位置,然后删除原插件即可。
一,下载代码
链接:http://pan.baidu.com/s/1qYFHjdU 密码:gpnf
二,集成到主题当中:
编辑 WordPress 当前主题目录下 functions.php 文件,在 关于图标的设置等问题
[插件方法]
目前图标字体非常流行,图标字体使用简单,与图片格式的小图标相比,支持视网膜显示,可以无限放大。特别是一些响应式设计的主题模板,都会或多或少使用图标字体,包括我制作的 Ality 主题和目前用的 Begin 主题,除了主题集成的图标字体,我们还可以单独为导航菜单上的项目也配上个性化的图标字体。

具体方法:

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

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

Wordpress 为导航菜单添加个性图标字体(Font Awesome 4 Menus 纯代码版本)

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


版权声明:本站所有文章和资源使用BY-NC-SA协议授权发布 , 转载应当以相同方式注明文章来自“SeaOMC.COM->WordPress 为导航菜单添加个性图标字体(Font Awesome 4 Menus 纯代码版本)!在下边可以分享本文哦!
喜欢 (0)
[]
分享 (0)
奇跡の海
关于作者:
一个WordPress菜鸟!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址