首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >链接到pinterest上的"pin it“而不生成按钮

链接到pinterest上的"pin it“而不生成按钮
EN

Stack Overflow用户
提问于 2012-05-22 01:45:31
回答 6查看 138.5K关注 0票数 122

我有一个页面,上面有几十或上百个帖子,每个帖子都有社交按钮。我只是不能为每个网址生成所有的按钮:它太慢了(facebook,g+,twitter,pinterest…用于数百个链接)。因此,我使用了一个简单的img,指向

代码语言:javascript
复制
https://www.facebook.com/sharer.php?u=${url_of_current_post}&t=

当用户单击它时,将打开一个弹出窗口,其中包含facebook生成的内容。

我怎样才能为Pinterest做到这一点呢?我只找到周围的代码来生成按钮,但如果可能的话,我希望完全避免使用js。有像下面这样的东西吗?

代码语言:javascript
复制
http://pinterest.com/pinthis?url=${url_of_current_post}

请不要试图让我使用js按钮,谢谢。

EN

回答 6

Stack Overflow用户

发布于 2012-06-27 00:52:11

标准的Pinterest按钮代码(您可以使用generate here)是包装Pinterest按钮的<img><a>标记。

如果页面上没有包含pinit.js脚本,则此<a>标记将“按原样”工作。您可以通过在这些标记上注册自己的单击处理程序来改善体验,这样可以打开具有适当尺寸的新窗口,或者至少向标记添加target="_blank",使其在新窗口中打开单击。

标记语法将如下所示:

代码语言:javascript
复制
<a href="http://pinterest.com/pin/create/button/?url={URI-encoded URL of the page to pin}&media={URI-encoded URL of the image to pin}&description={optional URI-encoded description}" class="pin-it-button" count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>

如果使用JavaScript版本的共享按钮破坏了页面加载时间,您可以通过使用异步加载方法来改进站点。有关使用Pinterest按钮执行此操作的示例,请查看我的GitHub Pinterest button project with an improved HTML5 syntax

票数 185
EN

Stack Overflow用户

发布于 2014-02-13 06:12:35

我也有同样的问题。这在Wordpress中工作得很好!

代码语言:javascript
复制
<a href="//pinterest.com/pin/create/link/?url=<?php the_permalink();?>&amp;description=<?php the_title();?>">Pin this</a>
票数 8
EN

Stack Overflow用户

发布于 2015-08-06 16:52:50

对于这种情况,我发现Share Link Generator非常有用,它可以帮助创建Facebook,Google+,Twitter,Pinterest,LinkedIn分享按钮。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10690019

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档