链接到Pinterest的“别针把它”，而不会生成按钮(Link to “pin it” on pi

我有数十或数百个岗位，每一个与社交按钮的页面。 我只是无法为每个URL所有按钮：实在是太慢了（在Facebook，G +，Twitter的，Pinterest的......数百链接）。 所以，与其在飞行中产生的Facebook的分享按钮，我用一个简单的IMG指向

https://www.facebook.com/sharer.php?u=${url_of_current_post}&t=

当用户点击它，弹出窗口被Facebook生成的内容中打开。

我怎样才能做到这一点对Pinterest的？ 我只有大约代码中找到生成的按钮，但我想避免JS在所有可能的话。 是否有类似于下面的东西？

http://pinterest.com/pinthis?url=${url_of_current_post}

请不要试图让我使用JS按钮，谢谢。

Answer 1:

标准Pinterest的按钮的代码（其可以产生这里 ），是一种<a>标签包装的<img>的Pinterest的按钮。

如果不包括pinit.js您的网页上的脚本，这<a>标签将工作“原样”。 你可以通过提高对这些标签与合适的尺寸打开一个新的窗口，注册自己的点击处理程序的经验，或者至少将target="_blank"的标签，使其点击打开一个新的窗口。

标签语法将如下所示：

<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的按钮项目，改善HTML5语法 。

Answer 2:

如果你想创建一个简单的超链接，而不是销按钮就可以了，

更改此：

http://pinterest.com/pin/create/button/?url=

为此：

http://pinterest.com/pin/create/link/?url=

所以，一个完整的URL可能仅仅是这样的：

<a href="//pinterest.com/pin/create/link/?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F&media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg&description=Next%20stop%3A%20Pinterest">Pin it</a>

Answer 3:

我有同样的问题。 这WordPress的伟大工程！

<a href="//pinterest.com/pin/create/link/?url=<?php the_permalink();?>&amp;description=<?php the_title();?>">Pin this</a>

Answer 4:

对于这样的情况，我觉得非常有用的分享链接生成器 ，它帮助创建的Facebook，Google +和Twitter，Pinterest的，LinkedIn共享按钮。

Answer 5:

我发现WordPress的一些代码：

 <script type="text/javascript">

    function insert_pinterest($content) {
        global $post;
        $posturl = urlencode(get_permalink()); //Get the post URL
        $pinspan = '<span class="pinterest-button">';
     $pinurl = '';
     $pinend = '</span>';
        $pattern = '//i';
        $replacement = $pinspan.$pinurl.'$2.$3'.$pindescription.$pinfinish.''.$pinend;
        $content = preg_replace( $pattern, $replacement, $content );
        //Fix the link problem
        $newpattern = '/<span class="pinterest-button"><\/a><\/span><\/a>/i';
     $replacement = '';
     $content = preg_replace( $newpattern, $replacement, $content );
     return $content;
    }
    add_filter( 'the_content', 'insert_pinterest' );

    </script>

然后，你把你的PHP以下内容：

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>">Pin It</a>

Answer 6:

所以，你想不安装按钮的代码到销按钮就可以了？ 如果是的话只是将此代码粘贴在你从钉住页面的URL的地方。 它应该是没有按钮针是按钮的功能。

javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());

Answer 7:

您可以创建描述自定义链接在这里使用一个小的jQuery脚本

$('.linkPinIt').click(function(){
    var url = $(this).attr('href');
    var media = $(this).attr('data-image');
    var desc = $(this).attr('data-desc');
    window.open("//www.pinterest.com/pin/create/button/"+
    "?url="+url+
    "&media="+media+
    "&description="+desc,"_blank","top=0,right=0,width=750,height=320");
    return false; 
});

这将与类别的所有环节的工作linkPinIt具有的形象和属性存储在HTML 5的数据说明data-image和data-desc

<a href="https%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F" 
   data-image="https%3A%2F%2Fc4.staticflickr.com%2F8%2F7027%2F6851755809_df5b2051c9_b.jpg" 
   data-desc="Title for Pinterest Photo" class="linkPinIt">
    Pin it!
</a> 

看到这jfiddle例子

文章来源: Link to “pin it” on pinterest without generating a button