由于Sakurairo主题已经引用了 Fontawesome 所以直接 后台-外观-修改菜单 即可,找到你想要的图标参考如下填写

打开 Font Awesome中文网 http://www.fontawesome.com.cn/faicons/

选取你喜欢的图案点击进入,复制代码!例子:

fa-address-book,但是在应用时,所有图标前面都要需要添加多一个fa 得出fa fa-address-book

<i class="fa fa-fort-awesome"></i> 首页

然后保存之后,刷新面页就能看到图标了。 (为什么不一样不会动呢?)

现在,我们来添加一个会动的图标!

1,我们需要用到这个网站Font Awesome Animation,然后还需要在头部引用一个CSS【Sakurairo 主题同样自带,此步跳过】

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome-animation@0.2.1/dist/font-awesome-animation.min.css">

2,先来个举个例子:

下面是代码

<span class="faa-parent animated-hover"><i class="fa fa-fort-awesome faa-horizontal"></i> 首頁</span>


根据上面教学,记得图标前要多添加一个fa 选择图案点选Fontawesome 中文网!动画效果则不需要添加任何东西!动态效果点选这里 动画选择网站 !选择你自己想要的效果!取代代码中的就可以了!

根据上面的代码,修改三部分就能修改出你的菜单动态图案效果了。

如果没有效果,换个动画试试哦!