Heart / Like按钮链接到列表中的单个项目

时间:2014-01-19 18:39:48

标签: html css wordpress list

尝试在Wordpress的列表中的每个链接上添加heart / like按钮。 你可以在这里看到它: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>

谢谢! 担。

1 个答案:

答案 0 :(得分:0)

我会建议像Font-Awesome这样简单的东西。您可以通过CSS轻松添加到您的网站,并通过CSS控制大小,颜色等。

Font-Awesome

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

 <i class="fa fa-heart"></i>