目前新版本的WPCOM主題菜單都默認已經(jīng)支持圖標的選取,可通過后臺菜單設置選項直接勾選需要的圖標,簡單快捷,無需再添加繁瑣的代碼即可實現(xiàn)菜單圖標功能
WPCOM主題自帶了數(shù)百個圖標庫,在TheSimple的導航菜單中就用到了,但是在wordpress的后臺設置面板中,我們并沒有提供設置的入口,那么需要怎么使用它呢?這里就給大家簡單介紹一下。
其實使用還是非常簡單的,首先進入Wordpress后臺,進入外觀>菜單,然后選擇要編輯的菜單,如果 沒有菜單那么就創(chuàng)建新菜單,如圖所示:
從這個頁面可以看到在左側有一些項目,例如頁面、分類目錄、自定義鏈接等,只需要將左邊的項目選中,然后點擊添加到菜單,即可添加一個菜單鏈接,添加后會出現(xiàn)在右側菜單結構里面,這個界面可以通過拖動改變順序,也可以通過往右側拖動實現(xiàn)二級菜單的設置,這樣就可以建立好一個菜單了。
不過這樣簡單設置保存以后還是不會出現(xiàn)圖標,細心的你有沒有發(fā)現(xiàn),上圖中首頁和產(chǎn)品介紹前有一小段代碼呢?對了,這就是實現(xiàn)圖標顯示的關鍵代碼:
<i?class="fa?fa-home"></i>
在菜單導航標簽前面加上上面的代碼即可添加一個小房子的圖標,如圖,點擊菜單右側的小箭頭展開:
如果想要添加其他圖標,修改代碼中的home即可,具體圖標名稱請參考:https://fontawesome.com/v4.7.0/icons/
這樣設置以后,就可以看到導航圖標了,效果如下: