圖片到WordPress的導航菜單

我會問你的幫助，因爲我無法找到解決這個問題的時間太長。圖片到WordPress的導航菜單

是一些簡單的可能的方法熱替換wordpress菜單中的文本由一些圖標只是與CSS？我需要在http://www.monetaria.cz的主菜單中插入圖片。我試着在菜單項規範使用類和擦除文字我用TEXT-INDENT芽它沒有這個問題

https://picasaweb.google.com/lh/photo/idGdXrE_x3LLDWvJQ-doyKHTNTSbdw6n6xqWnRyE6B8?feat=directlink

非常感謝你，

約翰

2012-11-23 user1815787

我會建議任何鏈接編寫一個自定義的Menu Walker，它將在您的頂級菜單項中添加一個''元素。然後，您可以添加一個自定義類（從WordPress儀表板中的外觀>菜單）到每個元素，並相應地設置'span.icon'的樣式。你可以看到一個示例代碼[here]（http://stackoverflow.com/questions/13394810/wp-nav-menu-add-span-span-tags-inside-aa-tags-that-is-parent/13395250# 13395250） - 它不是完全適合您的需求，但不應該很難根據您的需求進行修改。 –

您可以簡單地使用'text-indent：-9999'將文本從屏幕上移開，然後定位每個元素併爲其提供圖像。你可以用CSS做一個背景圖片，或者使用jQuery來插入圖片。爲此創建一個步行者似乎有點太多。 – Ohgodwhy

Ohgodwhy：非常感謝您的回覆，我已經使用了文本縮進：-9999，但這是我在圖片中展示了什麼，以及爲什麼我不能用這種方式解決問題 – user1815787

您可以添加HTML直接進入菜單項並且WP會正確渲染它，所以如果你添加這樣的東西

<img src="source.jpg" />

進入自定義鏈接的字段，然後輸入你想要的菜單項目，進入到URL場，那麼WP將使<img>標籤爲圖像，並在鏈路包到您指定的URL

來源

2014-05-19 19:33:43 celeriko

圖片到WordPress的導航菜單

回答

相關問題