wordpress - 如何在wordpress上做鼠标悬停？

Question

带图像

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

我可以这样做：

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

代码：

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

而且我不能把图片放在title=""

Answer 1

为此，您必须查看处理信息的方式。如果这将在循环内，则必须将其包含在模板中。我会考虑使用自定义字段和元框来简化后端部分。

如果您对此不太熟悉，我会查看http://www.advancedcustomfields.com插件并在您的模板中放置一个 if 语句，该语句将显示 div/img 并定位它。他们有一些文档，我会在 php 中学习 if/else 的基础知识。然后我会使用一个简单的 mouseenter / mouseleave jquery 事件来显示隐藏的 div 或切换。