2012-10-05 29 views
0

在我的WordPress菜單中,我希望不同的圖像爲不同的菜單與文本以及。這是圖像參考。我想我的菜單應該是這樣的。我使用WordPress 3.4.2。任何幫助和建議都非常可觀。不同的圖像在wordpress中的不同菜單

enter image description here

更新 屏幕選項圖像enter image description here

+0

你有一個主題了嗎? – BoltClock

+0

是的..一個兒童主題二十十年.. – NewUser

回答

3

以下是關於如何將自定義類添加到菜單項的兩種方法,以便您可以使用CSS對它們進行樣式設置。

  1. 當WordPress管理面板的Appearance > Menus頁面上,點擊Screen Options在頁面的右上角。出現滑出菜單, 允許您檢查標記爲CSS Classes的選項。如果啓用 此選項,您將能夠向每個菜單 項目添加自定義類,與添加標題相同。

  2. 您可以自定義Walker類,爲每個(頂級)元素添加一個增量類名稱 。要了解如何沃克類作品, 請看看下面的文章: http://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/

+0

@Lazer Vuckovic感謝您的回覆。 我試過你的第一個選項,那就是'screen option',但是沒有任何選項叫做CSS類找到。我上傳了有問題的圖片。你可以檢查那裏。 – NewUser

+0

@NewUser - 每個頁面的屏幕選項都有所不同,具體取決於您所在的部分。編輯中的屏幕截圖不是來自菜單選項,轉到外觀 - >菜單,屏幕選項允許您激活類別項目清單。 – McNab

+0

@McNab感謝您添加外觀部分,我忘了提及。我將編輯答案以添加它。 –

0
  1. 使用圖片精靈
  2. 使用不同的類爲每個<li>項目
  3. 位置的您的圖片作爲背景爲類。
+0

是的我知道,但如何添加不同的類到每個'李'作爲wordpress生成它的類。 – NewUser

+0

你可以使用':nth-​​child(n)'選擇器。像'li:first-child {} li:nth-​​child(2){} li:nth-​​child(3){}'等等 – Caelea

+0

感謝您的回覆,但IE 6和IE 7都可以使用 – NewUser