怎樣在Wordpress導航上添加自定義圖標，讓菜單欄更加引人注目，帶來更多關注呢？下面分享一下自定義CSS樣式的方式和代碼。（本方法由網友Taokeplus提供，感謝他的熱心分享）

先看效果：

首選，找到菜單找到CSSS類，填寫daohang。

其次，自定義CSS輸入以下代碼，方法：外觀-自定義。

CSS類代碼如下：

.menu-item.daohang:after {
background-color: red;
border-radius: 3px;
color: #fff;
content: “熱”;
font-size: 10px;
line-height:1;
padding: 1px 3px;
position: absolute;
right: -1px;
top: 12px;
}
.kx-meta .fa-qq {
display: inline-block;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
color: #fff;
background: #aaa;
border-radius: 3px;
vertical-align: top;
cursor: pointer;
}
.menu-item.daohang:after {
background-color: red;
border-radius: 3px;
color: #fff;
content: “熱”;
font-size: 10px;
line-height:1;
padding: 1px 3px;
position: absolute;
right: -1px;
top: 12px;
}

最后，網站的導航上是不是有一個小圖標呢？你也可以自定義文字，在CSS里面的代碼把文字替換復制上去就可以了。

有同學反饋說效果不出來，請大家直接下載這個TXT文檔吧，就不會出問題了。

本文介紹Wordpress導航圖標設置方法到此結束，喜歡的朋友留言點贊分享。轉載一定要保留原文出處。http://m.fpfocvy.com.cn/jianzhan/wordpress/3247.html