知更鸟菜单导航如何添加自定义个性图标？

首先，我先让大家看看添加个性图标后的结果。

好了结果看了，现在开始教大家如何添加。

步骤1：

打开后台插件选项，搜索“Font Awesome 4 Menus”或可以到下面的百度网盘里下载：

下载插件链接：https://pan.baidu.com/share/init?surl=m12EuZKg8diynaiVxDwong

密码：55ub

如果你是从Wordpress本身的插件安装就看这里：

（一）

（二）

如果你是从我的网盘里下载的插件安装就看这里：

（一）

（二）

步骤2：

先到【这里选择个性图标】，然后获取其中的CSS代码如下图：

当你们的插件安装完毕了，现在打开你的主题“外观”里的“菜单”。

随便选一个菜单选项，我就拿“首页”来说吧。将你选好的个性图标的代码【这里选择个性图标】放入“CSS类（可选）”选项里。然后选择保存菜单。

注意！！

这里大家可能会遇到一个问题！为什么我的菜单选项里没有“CSS类（可选）”？因为你们还没打开这个选项！请到右上角的“显示选项”里的“显示高级菜单属性”将“CSS类”打钩，然后再看回你的菜单选项，这时“CSS类（可选）”就出来了！

搞定以上的步骤刷新你们的网站，菜单导航个性图标就会出现啦！希望这文章可以让你们的网站变得更亮丽。嘻嘻，因为我本身也是个喜欢虚幻炫酷亮丽的网站。有什么问题可以在下面留言。有空我会回复你们的哟。请多多指教。

我是个刚入这行的小白，请各路大卡，大神们多多指教

希望大家可以到我的处女作品网站多多指教：牙齿种植博客站

我很希望大家可以为我指出我的错误和那些应该改进的地方，让我有机会进步！谢谢你们！

知更鸟菜单导航如何添加自定义个性图标？相关推荐

php怎么设置个性标签,zblogPHP导航栏菜单名称前的个性化图标设置方法
很多初次使用 zblog 模板的朋友都很纠结为什么主题里面显示导航栏名称前都有个性化图标,而下载的模板却不显示图标呢?下面别彧博客就来简单下 zblogPHP 导航栏菜单名称前面的个性化图标的设置步骤 ...
php更改导航栏图标,wordpress导航菜单前添加矢量小图标
wordpress导航菜单前的 Icon矢量图标看着很舒服,于是就研究了一下.网上的方法有很多像插件,大多收费并影响服务器,所以不推荐;还有就是在标题前加img标签,好丑的样子,不推荐.最后,一种是最 ...
el-menu导航菜单右侧的下拉图标消失/自定义icon
在写迭代项目的时候遇到了menu导航栏右侧的图标消失了,但是页面上是有位置的, 正常来说的话引入组件不做修改右侧的上下箭头是存在的,一直没有找到是什么原因,早上到办公地点后找到了问题所在首先进行了百 ...
转-TabHost组件(二)（实现底部菜单导航）
http://www.cnblogs.com/lichenwei/p/3975095.html 上面文章<安卓开发复习笔记--TabHost组件(一)(实现底部菜单导航)>中提到了利用自定 ...
Vue开发实例（11）之el-menu实现左侧菜单导航
作者简介作者名:编程界明世隐简介:CSDN博客专家,从事软件开发多年,精通Java.JavaScript,博主也是从零开始一步步把学习成长.深知学习和积累的重要性,喜欢跟广大ADC一起打野升级,欢 ...
C# Dev利用TreeList设置菜单导航并双击节点打开模块窗体
新建一个项目,名称为TreeViewMemo:在Form1窗体上添加控件DockManager和treelist,作为导航菜单,并可以实现左侧停靠及关闭导航菜单,关闭后用主菜单按钮打开:imageCo ...
分享113个JS菜单导航，总有一款适合您
分享113个JS菜单导航,总有一款适合您 113个JS菜单导航下载链接:https://pan.baidu.com/s/1d4nnh-UAxNnSp9kfMBmPAw?pwd=cw23 提取码:cw ...
Vue开发实例（12）之实现动态左侧菜单导航
作者简介作者名:编程界明世隐简介:CSDN博客专家,从事软件开发多年,精通Java.JavaScript,博主也是从零开始一步步把学习成长.深知学习和积累的重要性,喜欢跟广大ADC一起打野升级,欢 ...
Vue3实现动态菜单展示，实现动态图标展示，实现跳转到一个新页面
1.定义组件在components里面添加Menu.vue import { createRouter, createWebHashHistory } from "vue-router&qu ...

知更鸟菜单导航如何添加自定义个性图标？

注意！！

知更鸟菜单导航如何添加自定义个性图标？相关推荐

最新文章

热门文章