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

chuyao 发布于2019-04-23 11:45 / 1064人阅读

摘要：最近我在浏览别的博客的文章时，无意间发现了一个很好看的小装饰。那就是在菜单栏上的小图标。于是我研究了研究，弄到了设置方法之后决定把它分享出来。菜单栏的小图标设置步骤，我们先到后台插件安装插件页面搜索，下载安装并启用。

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

菜单栏的小图标

设置步骤：

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

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

如图所示

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

```
1 
```

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

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

菜单栏图标转动方法：

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

1 

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

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

```
WaZty博客
```

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

服务器托管海外云主机旋转菜单圆形旋转菜单菜单栏悬浮菜单栏

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1101.html

TOB主题2.7版本更新：重做文章主列表、新增菜单图标支持、面包屑、彩色标签、缩略图圆角

摘要：主题版本更新重做文章主列表新增菜单图标支持面包屑彩色标签缩略图圆角支持中文和英文，支持百度收录，适用于各种图片展示网站新闻站电影站美图站资源站等等，扁平化设计公众号展示打赏功能列表无限加载全屏相册展示。TOB主题2.7版本更新：重做文章主列表、新增菜单图标支持、面包屑、彩色标签、缩略图圆角！支持中文和英文，支持百度收录，适用于各种图片展示网站、新闻站、电影站、美图站、资源站等等，扁平化设计、...

rose 2021-09-07 10:12 评论0 收藏0
wordpress主题酱茄Free v1.0.0开源版自媒体资讯博客主题模板

摘要：主题主题酱茄开源版自媒体资讯博客主题模板酱茄主题由酱茄开发的一款免费开源的主题，主题专为博客资讯自媒体网站而设计，遵循开源协议发布。wordpress主题酱茄Free v1.0.0开源版自媒体资讯博客主题模板酱茄free主题由酱茄开发的一款免费开源的WordPress主题，主题专为WordPress博客、资讯、自媒体网站而设计，遵循GPL V2.0开源协议发布。运行环境酱茄Free主题当前...

番茄西红柿 2021-08-21 14:02 评论0 收藏2637
「2021.10」ThemeForest主题森林每月限免主题 - Londres / Omnivus

摘要：反正老蒋这几天依旧是短袖短裤空调状态。从上个月开始，老蒋看到带来的是两款免费主题，这个月依旧是两款免费主题。一款是比较时尚业务的主题，一款是工作室和公司主题。年月份，主题森林有提供款主题，官方限免是支持到月日，如果有需要可以到官方下载。今年的秋天好像来的比较晚，从二十四节气中已经进入白露，但是气温还是在30度左右，国庆节期间均能达到30多度的高温，真的很奇怪现在的天气。反正老蒋这几天依旧是短...

tain335 2021-10-11 11:09 评论0 收藏0
WordPress企业建站心得

摘要：定期备份，避免悲剧。这里用了七牛的镜像加速功能所有的图片都会到七牛域名下获取，如果文件不在，七牛会自动到原网站获取文件。使用这个插件就可以方便地实现，像往常一样上传文件，图片会自动归到七牛域名下。回头聊聊我用WordPress做企业网站的事。说是企业网站，其实就是一个小的企业展示网站。事情要从我爸开了一家自行车店开始说起，自从他开了自行车店，不但开始学着玩起了微信（因为要做微信营销）...

ShowerSun 2019-07-01 14:13 评论0 收藏0