پینترست یک شبکه اجتماعی نو ظهور با سبک و سیاقی جدید است که توانسته در این مدت حضور خود جایگاه مناسبی در میان غول های اجتماعی نظیر فیس بوک،تویتتر ، گوگل پلاس و لینکداین برای خود دست و پا کند . جایگاهی که می تواند هر مدیر وب سایتی را مجاب کند دکمه “Pin It” آن را به وب سایت خود اضافه کند . با افزودن این دکمه که کارکردی شبیه دکمه Like فیس بوک و +۱ گوگل پلاس دارد ، این امکان برای کاربران 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 بگذارید و جایی که می خواهید دکمه pinterest قرار گیرد

<?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 تغییر دهید.

امیدوارم مورد استفاده تون قرار بگیرد

منبع