• 歡迎訪問奇跡の海網站,本站不上傳任何資源,所有資源均來自于網絡,歡迎加入奇跡の海~!奇跡の海-WordPress QQ群
  • 本站下載資源為網絡上收集整理而來,并且以計算機技術研究交流為目的,版權歸原作者所有,僅供大家參考,學習,不存在任何商業目的與商業用途.
  • 本站系統鏡像均來自于官方原版,ed2k可視為P2P下載鏈接。所有操作系統默認均為試用版,如有正版密鑰可以有效激活,本站不提供任何激活和相關服務。

WordPress實用插件-Font Awesome 4 Menus 插件(個性圖標字體)

WP插件 奇跡の海 2年前 (2017-07-17) 560次瀏覽 已收錄 0個評論 掃描二維碼

看慣了單一文字菜單,想要一些個性化的東西,“個性圖標字體”是個不錯的選擇。和日常所見的像素圖片不同,“圖標字體”本身是矢量圖,所以可以無限放大卻不失真,對視網膜顯示的支持也更好。

想要實現基本的個性圖標字體菜單,如本站效果這樣:

WordPress實用插件-Font Awesome 4 Menus 插件(個性圖標字體)

過程非常簡單,不需要懂得一行代碼,用WordPress豐富的插件即可輕松實現。

下面,就鄭重的公布此插件名——Font Awesome 4 Menus。

WordPress實用插件-Font Awesome 4 Menus 插件(個性圖標字體)

使用方法

1. 進入WordPress管理后臺–>插件–>安裝插件,關鍵字搜索“Font Awesome 4 Menus”,找到此插件安裝、啟用。

WordPress實用插件-Font Awesome 4 Menus 插件(個性圖標字體)

2. 進入WordPress管理后臺–>外觀–>菜單,選擇需要添加個性圖標的菜單項,在CSS類中添加字體對應CSS類。如下圖:

WordPress實用插件-Font Awesome 4 Menus 插件(個性圖標字體)

注意事項

1. 如果看不到圖中紅框標示的CSS類,則需要在WordPress管理后臺右上角“顯示選項”處打開“CSS類”選項。如果不能打開“顯示選項”,首先檢查自己WordPress版本是否為4.2版,4.2版有不能打開顯示選項的BUG,解決方法見此處:

WordPress升級4.2版后,后臺顯示選項無法開啟的解決方法

2.?紅框中CSS類框的圖標對應值,可在Font Awesome的icons頁(點擊進入)找到。點擊對應字體,即可查看,如下圖:

WordPress實用插件-Font Awesome 4 Menus 插件(個性圖標字體)

在CSS類文本框中填入對應紅框中雙引號內值。如此圖中的,就填fa fa-adjust即可顯示上方字體圖案。

而我們想要更多的圖標,就需要到官方的圖標庫里面去查找了:

http://fortawesome.github.io/Font-Awesome/icons/

找到自己中意的圖標后,點擊打開即可得到相應的標簽class了!


版權聲明:本站所有文章和資源使用CC BY-NC-SA 4.0協議授權發布 , 轉載應當以相同方式注明文章來自“SeaOMC.COM->WordPress實用插件-Font Awesome 4 Menus 插件(個性圖標字體)!在下邊可以分享本文哦!
喜歡 (0)
[]
分享 (0)
奇跡の海
關于作者:
一個WordPress菜鳥!
發表我的評論
取消評論

表情 貼圖 加粗 刪除線 居中 斜體 簽到

Hi,您需要填寫昵稱和郵箱!

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
中国福利彩票36选7开奖结果