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

WordPress為導航菜單添加個性圖標字體(Font Awesome 4 Menus 純代碼版本)

WP插件 奇跡の海 3年前 (2017-01-03) 549次瀏覽 已收錄 0個評論 掃描二維碼

本站前不久,將菜單欄加了圖標,并做了記錄【記錄】為導航菜單添加個性圖標字體 整體效果自己感覺非常不錯。也非常喜歡。
實現此功能,是依靠一個插件Font Awesome 4 Menus ,后來無意中發現了張戈博客分享了純代碼實現這個插件的功能,本著“有代碼就不用插件”的原則,據說精簡了基本用不到的 shortcode 圖標調用功能。欣然測試,確實有效。
將方法記錄于此,以便查詢,方便日后升級主題重新修改。

非插件方法

整體思路:下載現成的代碼,上傳到相應位置,然后刪除原插件即可。
一,下載代碼
鏈接:http://pan.baidu.com/s/1qYFHjdU 密碼:gpnf
二,集成到主題當中:
編輯WordPress當前主題目錄下functions.php文件,在 關于圖標的設置等問題
[插件方法]
目前圖標字體非常流行,圖標字體使用簡單,與圖片格式的小圖標相比,支持視網膜顯示,可以無限放大。特別是一些響應式設計的主題模板,都會或多或少使用圖標字體,包括我制作的Ality主題和目前用的Begin主題,除了主題集成的圖標字體,我們還可以單獨為導航菜單上的項目也配上個性化的圖標字體。

具體方法:

一、WP后臺–插件–安裝插件頁面搜索:Font Awesome 4 Menus,下載安裝并啟用。

二、WP后臺—外觀—菜單,進入菜單設置頁面,選擇并編輯一個菜單項,在CSS類中輸入一個圖標字體選擇器名稱,如圖:

Wordpress為導航菜單添加個性圖標字體(Font Awesome 4 Menus 純代碼版本)

如果在編輯菜單項目面板中無CSS類,可以打開右上角的“顯示選項”,在顯示菜單高級屬性中勾選“CSS類”。


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

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

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

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