html - 链接到列表中单个元素的心脏/喜欢按钮

标签 html css wordpress list

尝试在 Wordpress 列表中的每个单独链接上添加心形/点赞按钮。你可以在这里看到它:http://theroadmap.co/strategy/ . 我希望将喜欢/收藏链接到元素，而不是链接到单个帖子(我在一篇帖子中有超过 20 个链接，分为 5 个部分)。

我使用了几个插件 (ZillaLikes) 的短代码，它们总是搞砸了 CSS + 链接到单个帖子而不是元素本身。

您可以在下面的帖子的其中一个部分看到我的 HTML 代码:

<ol class="rectangle-list">

<li class="tooltip" title="What does a startup CEO actually do?"><a href="LINK TO ARTICLE </a></li>
<p>What does a startup CEO actually do?</p>

<li class="tooltip" title="How to find your competitive advantage"><a href="http://blogs.hbr.org/2013/07/be-the-company-customers-cant/">Be the Company Customers Can't Live Without</a></li>
<p>How to find your competitive advantage</p>

</ol>

谢谢! 担。

最佳答案

我会建议一些简单的东西，比如 Font-Awesome。将它添加到您的站点非常容易，无论您想要什么，并通过 CSS 控制大小、颜色等。

Font-Awesome

例如，将添加一个实心图标