使用自定义Pinterest“Pin It”按钮显示发布的特征图像？

我正在尝试在每个帖子上使用针对Pinterest的自定义“Pin It”按钮，该按钮从该帖子的精选图像中拉出。使用自定义Pinterest“Pin It”按钮显示发布的特征图像？

到目前为止，我有这个脚本，成功拉后的特征图像，以及它显示在一个弹出窗口：

<script type="text/javascript"> 
(function() { 
    window.PinIt = window.PinIt || { loaded:false }; 
    if (window.PinIt.loaded) return; 
    window.PinIt.loaded = true; 
    function async_load(){ 
     var s = document.createElement("script"); 
     s.type = "text/javascript"; 
     s.async = true; 
     s.src = "http://assets.pinterest.com/js/pinit.js"; 
     var x = document.getElementsByTagName("script")[0]; 
     x.parentNode.insertBefore(s, x); 
    } 
    if (window.attachEvent) 
     window.attachEvent("onload", async_load); 
    else 
     window.addEventListener("load", async_load, false); 
})(); 
</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>

我不知道如何将“Pin It”按钮更改为我自己的自定义按钮;每次我尝试我的按钮被覆盖。

我希望这解释得很好。我对php和javascript仍然很陌生。感谢您提供任何帮助。

来源

2014-05-12 Mark

有各种各样的是把每个岗位Pinterest的按钮和其他社交分享按钮WordPress插件的。如果您希望在特色图片上使用Pinterest按钮悬停效果，而不是在每个帖子的底部显示Pinterest按钮。您可以指定将哪些图像固定在元数据中，您可以指定为元数据中的所有主要社交网络共享哪个图像。

我还没有与我的博客在混乱个月，但我怎么做我的社交分享按钮以及如何在谷歌Analytics（分析）跟踪它们是detailed here。

如果您想了解更多关于结构元数据有a good Moz.com article。当我收集更多的链接时，I added structured meta data to my domain。

由于您使用的WordPress，并且不添加社交分享按钮几十年的老静态HTML，你真的应该看看插件。我的博客绝不是一个WordPress的最佳实践，但它是旧的，我已经看到了很多的插件来来去去，这些是我目前使用包括the ones I use帮忙做结构化的元数据和社会共享的。我最终也在自己的主题中做了一些自定义的东西，因为我想要完美的东西。

祝你好运！

来源

2014-05-13 21:39:09 Muskie

我试图做同样的，发现在先前的堆栈溢出螺纹here的解决方案。我使用了法官的答案，它运作良好。

我还发现在pinterest widget builder website一些自定义选项，您可以生成具有不同的源代码内置按钮选项，并在自己的代码合并。

我目前运行有一个圆形按钮小部件制造商基于选项，我很高兴。

马克

来源

2014-06-11 16:36:59 Mark

使用自定义Pinterest“Pin It”按钮显示发布的特征图像？

回答

相关问题