WordPress怎样设置菜单栏旋转小图标

怎样设置儿童安全的儿童花园 #生活技巧# #园艺知识#

最近我在浏览别的博客的文章时，无意间发现了一个很好看的小装饰。那就是在WordPress菜单栏上的小图标。于是我研究了研究，弄到了设置方法之后决定把它分享出来。

菜单栏的小图标

设置步骤：

1， 我们先到WordPress后台--插件--安装插件页面 搜索：Font Awesome 4 Menus，下载安装并启用。

2， WordPress后台---外观---菜单，点开显示选项，并且勾选上CSS类，于是在下面的菜单中就有了CSS类（可选）

如图所示

3， 打开这个图标选择网站：https://fortawesome.github.io/Font-Awesome/icons/ 点开一个认为合适的图标字体，在下会显示类似这样的CSS代码

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

4，我们复制代码中间像“fa fa-home”的内容粘贴到菜单栏的CSS类中，保存之后到网站上查看就OK了。

注：前缀尽量为fa fa-XXXX如果为fas fa-XXXX可能会显示不出来！！！

菜单栏图标转动方法：

首先在主题的CSS代码中添加如下代码：

1 <br> 2 .fa-spin { 3 animation: 2s linear 0s normal none infinite running fa-spin; 4 }

然后在菜单里，在我们刚才设置的fa fa-XXXX后面添加上fa-spin就好了，或者是直接添加以下代码：

<i class="fa fa-wordpress fa-spin"></i>WaZty博客

保存之后刷新博客，你就能看到旋转的小图标了！

网址：WordPress怎样设置菜单栏旋转小图标 https://www.yuejiaxmz.com/news/view/431431

相关内容

用wordpress打造的第一个小程序：图书共享借阅
十大WordPress安全设置技巧
生活常识热门资讯网站WordPress模板
改进WordPress工作流程的三大方式
WordPress开发入门05：模板标签
旋转拖把怎么用（旋转拖把怎么脱水）
旋转拖把怎么换头？旋转拖把正确使用方法
WordPress + WooCommerce = 你自己的网店
旋转拖把怎么用？旋转拖把有什么优点
电脑桌面整理怎么设置？四个方法教你自动整理桌面，图文详解

随便看看