樱花2.5.11主题美化——导航栏添加动态图标

成品展示

成品

1.添加示例

1. 打开菜单：进入仪表盘——外观——菜单
2. 添加页面——自定义链接，按照下图填写内容
   

   

   自定义链接

   
   模板代码

   <span class="faa-parent animated-hover"><i class="fa fa-home faa-wrench"></i> Home</span>

2.自定义修改

1. 模板解释：
   

   

   代码解释

   
   结合Font Awesome 中文网 和Font Awesome Animation 两个网站分别选取图标部分和图标动画部分自定义修改内容
2. Font Awesome 中文网使用
   进入网站后，搜索或者选取喜欢的图标，复制图标名称到代码模板的图标部分
   

   

   图标样式

3. Font Awesome Animation使用
   进入网站，选取图标动态效果，复制效果名称，替换代码模板中的图标动画部分
   

   

   图标动画

3.查看效果

编辑完成后，添加到菜单栏里，保存菜单后刷新页面查看效果