wordpress知更鸟begin主题添加菜单字体图标

2024-05-15 23:37:15

经常有人问，知更鸟begin主题如何设置菜单的图标。回答次数多了，也烦啊，这里还是写一个教程吧。虽然很简单！

一、进入后台菜单选项

进入后台，依次点击【外观】--【菜单】

菜单如何新建，选定这里就不废话了，直接说如何加字体图标。

比如我们现在要给首页链接添加一个图标

然后很多人就不知道怎么加了。

二、点击显示选项勾选 css 类

点击右上角的显示选项

勾选 css 类

然后我们就能加 class 了，因为主题继承了字体图标，所以添加 class 名，就能产生对应的图标，用过 Boostrap 的朋友应该都知道。

三、选择图标

大家可以打开这个网站，选择字体图标

http://fontawesome.io/icons

复制名称，然后把 fa fa-名称添加到你的 CSS 类中即可。

比如 fa fa-home，fa fa-coffee，fa fa-code 等

四、其他主题如何使用

如果你按照上面的方法不生效的话，先清除缓存（关闭缓存），如果还是没有用，或者你是其他主题的话。可以下载一个插件 Font Awesome 4 Menus

其他的也是一样。

如果你开启了 cdn，发现字体图标不显示了，很有可能是字体图标的 css 文件（即插件代码）没有同步到 cdn 的服务器中，可以手动上传。总之，多试几次，一般都很容易解决的。

本文链接：https://liuyanzhao.com/6004.html

wordpress知更鸟begin主题添加菜单字体图标相关推荐

知更鸟begin主题添加留言者相关信息（国家、浏览器、操作系统、所在区域）
这在我自己看来是一个很好的功能,而且可以看到是哪些地方的朋友来到自己的博客评论,通过本教程成功配置后,你的知更鸟主题也会拥有一样的能力,目前小任博客成功实现,将鼠标移动到评论者的留言上会出现评论者所在 ...
WordPress知更鸟(Begin)主题评论邮件回复失效的解决办法
小任还不容易搞定了腾讯云这个坑人的安全组,实现了smtp的方式发邮件,具体文章:WordPress腾讯云服务器SMTP不能发邮件的解决办法,但是经过了测试发现,这个对于评论邮件回复居然没有用,但是有新 ...
大前端Dux主题如何添加导航菜单字体图标
对于刚刚接触大前端Dux主题的小伙伴来说,想要在短时间内折腾出一个漂亮大气的网站博客,也并不是那么容易,因为大前端Dux主题的功能真的很多很多,你自己都不知道从那里下手.今天跟小伙伴们说说大前端Dux ...
wordpress php7 报错,Use of undefined constant taotag-assumed 'taotag'知更鸟begin主题PHP7.0报错WordPress5.2...
最近发现WordPress5.2知更鸟begin主题在PHP7.0以上的版本上会保存的问题,具体错误代码如下下面就来说说如何处理php7.0以上就报错的问题: 显示错误如下: Warning: U ...
知更鸟begin主题使用指南
https://liuyanzhao.com/505.html 安装须知安装主题前请禁用所有插件,以免造成不可预知的问题,特别是一些静态缓存.网页压缩类的插件,切记!之后逐一测试启用,主题不能保证兼 ...
【精细版】知更鸟begin主题使用常见问题汇总
1.启用CMS首页错位第一次启用CMS首页,因未设置正确的分类ID(包括分类中无文章),会显示页面错位.如果不清楚各模块由后台主题选项那里控制,可以在主题选项中将CMS首页的各模块取消启用勾选,然后 ...
uniapp添加阿里字体图标库图标
字体图标添加 1.需要到阿里矢量图标库添加 2.添加后Unicode下载并替换@/styles/font下文件 3.在线图标方式复制阿里矢量图标库->我的项目->Unicode-> ...
【个人网站搭建】GitHub pages+hexo框架下为next主题添加菜单分类页面
0x00 前言文章中的文字可能存在语法错误以及标点错误,请谅解: 如果在文章中发现代码错误或其它问题请告知,感谢! Hexo博客框架版本(hexo vesion):5.3.0 Next主题版本:v5 ...
wordpress谷歌字体_如何在WordPress帖子编辑器中添加Google字体
wordpress谷歌字体 Fonts are one of the most important aspects of your WordPress blog, and in case you di ...
WordPress子比主题添加信息统计模块美化[WP教程]
前言最近接触到CSS Grid 网格样式布局,所以就顺便拿来的改一下样式来做网站底部的信息统计模块,自我感觉挺好看的,嘿嘿感觉还行就给大家分享出来演示图代码简简单单的使用HTML+jQuery ...

最新文章

热门文章