使用自定義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」按鈕顯示發佈的特徵圖像？

回答

相關問題