Как добавить кнопку «Pin It» от Pinterest на свой блог

Недавно, мониторя статистику нашего блога, мы обнаружили новый источник трафика. Источником оказался Pinterest. Мы начали использовать эту платформу и увидели в ней большой потенциал, по этой же причине внедрили кнопку «Pin It» на одном из наших блогов. В этой статье мы покажем вам как добавить кнопку «Pin It» от Pinterest на ваш блог.

Первое, что нужно сделать — это вставить следующий скрипт в файл footer.php вашей темы сразу перед закрывающим тегом body.

<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>

После этого можно добавлять следующий код в файл single.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(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

Вышеприведенный код «вытягивает» вашу миниатюру к посту, заголовок в качестве описания и ссылку на саму запись. Он предназначен для вертикальной кнопки поделиться. Если же нужна горизонтальная кнопка, то просто измените параметр count-layout на horizontal.

Надеемся, что способ помог вам.

Шорткод для Pinterest

Нужно просто вставить следующий код в в файл functions.php вашей темы или в плагин для сайта WordPress:

<?php
function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }

add_shortcode('pin', 'get_pin');
?>