如何在wordpress上做一個mouseover？

Question

使用圖像

http://i.imgur.com/snv3pEE.png

我可以這樣做：

http://i.imgur.com/D6Hr6fB.png

代碼：

<img class="tooltip" title="HERE THE TOOLTOP" alt="" src="img.png"> 

我不能把圖片上的標題= 「」

Answer 1

你必須看看你接近你的信息的方式。如果這將在循環中，您必須將其包含在您的模板中。我會研究使用自定義字段和元框來簡化後端部分。

如果你不太熟悉這樣做，我會查看http://www.advancedcustomfields.com插件，並在你的模板中放置一個if語句，它將顯示div/img並定位它。他們有一些文檔，我會學習if/else在php中的基礎知識。然後，我會使用一個簡單的mouseenter/mouseleave jquery事件來顯示隱藏的div或切換。