2014-01-19 23 views
2

尝试在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> 

谢谢! Dan。

+0

现在,我使用了一个名为likebtn插件 - [链接] http://theroadmap.co/generation/ - 但它会将我的网站的加载时间加载,因为每个按钮都与外部源单独加载。任何人有其他的选择或方法来解决这个问题? – Dan

回答

0

我会建议一些简单的像Font-Awesome。添加到您的网站非常容易,您可以随时随地通过CSS控制尺寸,颜色等。

Font-Awesome

例如固体心脏图标将被添加像

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

这是很好的视觉效果,但没有'后'的逻辑,用户可以'喜欢'某些元素.... – Dan