最近我在瀏覽別的博客的文章時，無意間發現了一個很好看的小裝飾。那就是在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博客
保存之后刷新博客，你就能看到旋轉的小圖標了！