Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Pinterest “Pin It” Düğmesi Nasıl Eklenir (4 Yol)

Yıllar içinde birçok kullanıcı bize ve ortak şirketlerimize ulaşarak sosyal medyada nasıl ses getirebileceklerini sordu.

Basit cevap: İnsanların içeriğinizi paylaşmasını kolaylaştırın!

Pinterest, özellikle fotoğraflar, infografikler ve dijital sanat eserleri gibi görsel içerikler yayınlıyorsanız, WordPress sitenize trafik çekmek için harika bir platformdur.

Sitenize bir ‘Pin It’ düğmesi ekleyerek, ziyaretçiler tek bir tıklamayla medyalarınızı Pinterest panolarında paylaşabilir. Bu sayede çok az bir çabayla daha fazla ziyaretçi, takipçi, yorum ve dönüşüm elde edebilirsiniz.

Bu makalede, WordPress’e Pinterest ‘Pin It’ düğmesini nasıl ekleyeceğinizi göstereceğiz.

Add Pinterest Pin It button in WordPress

WordPress’e Neden Pinterest “Pin It” Düğmesi Eklemelisiniz?

Pinterest, kullanıcıların panolar oluşturarak web sitesi bağlantılarını ve diğer görsel içerikleri toplamasına olanak tanıyan popüler bir sosyal medya web sitesidir.

Kullanıcılar içeriğinizi Pinterest panolarına eklediğinde, diğer insanların web sitenizi keşfetmesine yardımcı olur. Bir fotoğrafçılık web sitesi, moda blogu veya çok sayıda resim ve video içeren başka bir blog türü işletiyorsanız Pinterest özellikle önemli bir trafik kaynağıdır.

Web sitenize bir ‘Pin It’ düğmesi ekleyerek, ziyaretçileri içeriğinizi Pinterest’te paylaşmaya teşvik edebilirsiniz.

An example of a 'Pin It' Pinterest sharing button

Not: Pinterest 2016 yılında ‘Pin It’ butonunun adını resmi olarak ‘Kaydet’ olarak değiştirdi. Bununla birlikte, birçok rehber ve WordPress eklentisi hala ‘Pin It’ kullanıyor, bu yüzden bu kılavuzda orijinal adı kullanıyoruz.

Bununla birlikte, WordPress’te Pinterest ‘Pin It’ düğmesini nasıl ekleyebileceğinizi görelim. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir:

Yöntem 1: Paylaşılan Sayımları Kullanma (Hızlı ve Kolay)

WordPress sitenize bir Pinterest düğmesi eklemenin en kolay yolu Shared Counts kullanmaktır.

Diğer tüm büyük sosyal ağlar için düğmelerle birlikte sitenize kolayca bir Pinterest düğmesi eklemenizi sağlayan WordPress için en iyi sosyal medya eklentilerinden biridir.

Başlamak için Shared Counts eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılı talimatlar için adım adım WordPress eklentisi yükleme kılavuzumuzu takip edebilirsiniz.

Kurulumdan sonra, eklentiyi yapılandırmak için Ayarlar ” Paylaşılan Sayımlar bölümüne gitmeniz gerekir.

Shared Counts settings page

Burada, Görüntüle bölümüne ilerleyin ve ardından ‘Görüntülenecek Paylaşım Düğmeleri’ metin kutusuna tıklayın.

Bu, eklemek istediğiniz sosyal medya hizmetlerini seçebileceğiniz bir açılır menü açacaktır. Örneğin, Facebook beğen düğmesi eklemek, Twitter paylaş ve retweet düğmesi eklemek ve daha fazlası için Shared Counts’ı kullanabilirsiniz.

Bir ‘Pin It’ düğmesi oluşturmak için devam edin ve açılır menüden ‘Pinterest’i seçin.

Adding a Pinterest sharing button to WordPress

Bundan sonra, ‘Paylaş Düğmesi Stili’ açılır menüsünü açabilir ve Pinterest düğmesi için bir stil seçebilirsiniz.

Pinterest düğmesini göstermek istediğiniz konumu ve gönderi türünü de seçebilirsiniz.

Adding a Pinterest 'Pin It' button to a WordPress website or blog

Düğmenin nasıl ayarlandığından memnun olduğunuzda, ‘Değişiklikleri Kaydet’ düğmesine tıklamanız yeterlidir.

Artık Pinterest düğmesini çalışırken görmek için WordPress blogunuzdaki herhangi bir yazıyı ziyaret edebilirsiniz.

Pinterest button added to WordPress post

Yöntem 2: Özel Kısa Kod Kullanma (Önerilen)

Bazen, ‘Pin It’ düğmesinin sitenizde tam olarak nerede görüneceğini kontrol etmek isteyebilirsiniz. Örneğin, Pinterest düğmesini belirli bir reklam açılış sayfasında veya gönderi içeriğinin içinde göstermek isteyebilirsiniz.

Bir seçenek, düğmeyi kod kullanarak oluşturmak ve ardından özel bir kısa kod kullanarak her sayfaya veya gönderiye yerleştirmektir. Bu size ‘Pin It’ düğmesini farklı konumlarda gösterme özgürlüğü verir, ancak her sayfaya veya gönderiye manuel olarak eklemeniz gerekecektir.

WordPress’e özel kod eklemenin en kolay yolu WPCode kullanmaktır. En iyi kod parçacıkları eklentisidir ve web sitenize özel PHP, CSS, JavaScript ve daha fazlasını eklemenizi sağlar. Ayrıca özel kısa kodlar da oluşturabilirsiniz, bu nedenle web sitenize bir ‘Pin It’ düğmesi eklemek için mükemmeldir.

Öncelikle, ücretsiz WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla bilgi için, WordPress eklentisinin nasıl yükleneceğine ilişkin adım adım kılavuzumuza bakın.

Eklenti etkinleştirildikten sonra Code Snippets ” Snippet Ekle bölümüne gidin.

How to add a code snippet using WPCode

Burada, WPCode’un sitenize ekleyebileceği önceden hazırlanmış tüm parçacıkları göreceksiniz. Bunlar, WordPress’e sosyal paylaşım düğmeleri eklemenize ve sosyal simgelerinizi bir kenar çubuğunda görüntülemenize olanak tanıyan parçacıkları içerir.

Burada, farenizi ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin üzerine getirmeniz ve göründüğünde ‘Snippet kullan’ düğmesine tıklamanız gerekir.

Adding custom code to your WordPress website using WPCode

Bir sonraki ekranda, kod parçacığı için bir başlık yazın. Bu sadece referans içindir, bu yüzden istediğiniz herhangi bir şeyi kullanabilirsiniz.

WordPress’e PHP ekleyeceksiniz, bu nedenle ‘Kod Türü’ açılır menüsünü açın ve ‘PHP Kodu’nu seçin.

Adding code to WordPress using WPCode

Bunu yaptıktan sonra, aşağıdakileri kod düzenleyiciye yapıştırın:

function get_pin($atts) {
    global $post;
    if ($post) {
        $pinterestimage = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
        if ($pinterestimage) {
            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>';
        } else {
            return 'No Pinterest image available.';
        }
    } else {
        return 'No post found.';
    }
}
add_shortcode('pin', 'get_pin');

Bundan sonra, sayfayı aşağı kaydırarak ‘Ekleme’ bölümüne gelin. Burada, kodun her yerde çalıştığından emin olmak için varsayılan ‘Otomatik Ekle’ yöntemini koruyabilirsiniz.

Henüz seçili değilse, ‘Her Yerde Çalıştır’ı seçin

Running custom PHP across your WordPress website

Son olarak, ekranın üst kısmına kaydırın ve ‘Etkin Değil’ kaydırıcısına tıklayarak ‘Etkin’i göstermesini sağlayın.

Ardından kod parçacığını canlı hale getirmek için ‘Snippet’i Kaydet’ veya ‘Güncelle’ düğmesine tıklayın.

Activate and save your custom code snippet

Artık [pin] kısa kodunu kullanarak herhangi bir WordPress sayfasına, gönderisine veya widget’a hazır alana bir ‘Pin It’ düğmesi ekleyebilirsiniz.

Kısa kodun nasıl yerleştirileceğine ilişkin adım adım talimatlar için lütfen WordPress’te kısa kod ekleme kılavuzumuza bakın.

use the [pin] shortcode in your WordPress posts

Bu kodu ekledikten sonra, ziyaretçiler öne çıkan bir görsele sahip herhangi bir sayfada veya gönderide bir ‘sabitle’ düğmesi göreceklerdir.

Sayfada öne çıkan bir görsel yoksa, bunun yerine ‘Pinterest görseli yok’ hata mesajını görürler.

Tam Site Düzenleyicisini Kullanarak Pinterest ‘Pin It’ Düğmesi Ekleme

Daha yeni blok özellikli temalardan birini kullanıyorsanız, özel kısa kodu kullanarak WordPress temanızın herhangi bir yerine bir ‘Pin It’ düğmesi ekleyebilirsiniz.

Bu, düğmeyi her sayfaya ve gönderiye eklemenin kolay bir yoludur. ‘Pin It’ düğmesini, sitenizin 404 sayfa şablonu gibi standart WordPress içerik düzenleyicisini kullanarak düzenleyemediğiniz alanlara da ekleyebilirsiniz.

Başlamak için WordPress panosundaki Temalar Editör bölümüne gitmeniz yeterlidir.

Opening the WordPress full-site editor (FSE)

Varsayılan olarak, tam site düzenleyicisi temanızın ana şablonunu gösterecektir.

Farklı bir sayfaya ‘Pin It’ düğmesi eklemek için sol taraftaki menüden ‘Şablon’ veya ‘Şablon Parçaları’nı seçmeniz yeterlidir.

Choosing a WordPress template or template part in the full-site editor

Şimdi düzenlemek istediğiniz şablonu seçebilirsiniz.

Bu örnekte, sitenizin Tek sayfa şablonuna nasıl bir ‘Pin It’ düğmesi ekleyeceğinizi göstereceğiz. Ancak, hangi şablonu seçerseniz seçin adımlar benzer olacaktır.

Choosing a block-enabled single template

WordPress şimdi şablonun veya şablon parçasının bir önizlemesini gösterecektir.

Bu şablonu düzenlemek için devam edin ve küçük kalem simgesine tıklayın.

How to edit a single WordPress template using the block-based editor

Bunu yaptıktan sonra, sol üst köşedeki mavi ‘+’ simgesine tıklayın.

Görüntülenen arama çubuğuna ‘Kısa kod’ yazın.

How to add a Pin It button using shortcode

Doğru blok göründüğünde, bunu şablon düzenine sürükleyip bırakın.

Artık Pin kısa kodunu bloğa yazabilirsiniz.

Adding a Pinterest pin button to your website using the full-site editor (FSE)

Bundan sonra, yeni kısa kodu canlı hale getirmek için ‘Kaydet’e tıklamanız yeterlidir.

Şimdi, WordPress web sitenizi ziyaret ederseniz, ‘Pin it’ düğmesini çalışırken göreceksiniz.

Yöntem 3: Kod ve FTP Kullanımı (WordPress Eklentisi Gerekmez)

Bir eklenti kullanmak istemiyorsanız, tema dosyalarınıza kod ekleyerek web sitenize bir Pinterest düğmesi ekleyebilirsiniz.

Tema dosyalarını doğrudan düzenlemek birçok yaygın WordPress hatasına neden olabilir ve WordPress temasını güncellediğinizde tüm özel kodları kaybedersiniz. Bunu göz önünde bulundurarak, bunun yerine her zaman WPCode kullanmanızı öneririz.

Ancak bu yöntemi kullanacaksanız, sitenizin eksiksiz bir WordPress yedeğini alarak işe başlamanız gerekir. Bu, kazayla bir şeylerin bozulması durumunda sitenizi geri yüklemenize yardımcı olacaktır.

Bunu yaptıktan sonra, bir FTP istemcisi kullanarak WordPress hostinginize bağlanın ve ardından /wp-content/themes/ klasörüne gidin.

Buradan, mevcut tema klasörünüzü açmanız ve ardından footer.php dosyasını bulmanız gerekir.

Downloading the footer.php file in WordPress

Ardından, bu dosyaya sağ tıklayın ve ardından menüden ‘İndir’i seçin. Bu footer.php dosyasını bilgisayarınıza indirecektir.

Şimdi, footer.php dosyasını Not Defteri gibi bir düz metin editörü kullanarak açmanız ve aşağıdaki betiği </body> etiketinden hemen önce yapıştırmanız gerekir.

<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 = "https://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>

Bunu yaptıktan sonra, dosyayı kaydetmeniz ve ardından mevcut tema klasörüne geri yüklemeniz gerekir.

Ardından, temanızda düğmeyi eklemek istediğiniz şablon dosyasını bulun. Genellikle bu single.php dosyası olacaktır, ancak WordPress temanıza bağlı olarak değişebilir. Emin değilseniz, WordPress şablon hiyerarşisine ilişkin yeni başlayanlar için kılavuzumuza bakabilirsiniz.

Şablon dosyasını düzenlemek için tema klasörünüzden indirmeniz ve düzenlemek üzere açmanız yeterlidir.

‘Pin It’ düğmesini göstermek istediğiniz konumu seçmeniz gerekecektir. Birçok web sitesi sosyal paylaşım düğmelerini doğrudan gönderi başlığının altında gösterir, ancak siz istediğiniz herhangi bir konumu kullanabilirsiniz.

Bir konum seçtikten sonra, aşağıdaki kodu eklemeniz yeterlidir:

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

Yukarıdaki kod parçacığı, gönderinin öne çıkan görselini, başlığını, açıklamasını ve URL’sini paylaşım URL’si parametresine ekler.

Yukarıdaki kod parçacığı tüm gönderilerinize dikey bir paylaş düğmesi ekleyecektir. Bunun yerine yatay bir paylaşım düğmesi görüntülemek istiyorsanız, count-layout="vertical"> bölümünü count-layout="horizontal“> olarak değiştirmeniz yeterlidir.

Hazır olduğunuzda dosyayı kaydedin ve FTP kullanarak doğrudan temanıza geri yükleyin.

Yöntem 4: Görsellerinizin Üzerine Pinterest Pin It Düğmesi Ekleyin

Moda, fotoğraf, yemek veya çok sayıda görsel kullanan başka türde bir blog işletiyorsanız, bu görsellerin üzerine bir Pinterest düğmesi ekleyebilirsiniz. Bu, ziyaretçilerin sabitlemek istedikleri görselin üzerine gelerek içeriğinizi paylaşmalarına olanak tanır.

Resimlerinizin üzerine bir Pinterest düğmesi eklemenin en kolay yolu WP Tasty Pins kullanmaktır.

WP Tasty Pins, tüm resimlerinizin üzerine ‘Pin It’ hover düğmeleri ekleyebilen en iyi WordPress Pinterest eklentisidir. Tasty Pins’i ayrıca Pinterest takip kutusu eklemek, Pinterest açıklamalarını ayarlamak, belirli görsellerde pinlemeyi devre dışı bırakmak, Pinterest’e özgü görselleri sayfanızdan gizlemek ve daha fazlası için kullanabilirsiniz.

Öncelikle eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Etkinleştirmenin ardından Ayarlar ” Tasty Pins bölümüne gidin. Artık lisans anahtarınızı ekranın üst kısmındaki alana ekleyebilirsiniz.

Adding a license key to the WP Tasty Pins WordPress plugin

Bu bilgileri Tasty Pins web sitesindeki hesabınızda ve Tasty Pins’i satın aldığınızda aldığınız onay e-postasında bulabilirsiniz. Bunu yaptıktan sonra, ‘Lisans anahtarını kaydet’ düğmesine tıklayın.

Bundan sonra, Ayarlar ” Lezzetli Pinler bölümüne gidin ve ‘Pin It’ düğmesini yapılandırın. Örneğin, düğmenin şeklini, rengini ve resmin neresinde görüneceğini değiştirebilirsiniz.

Adding 'Pin It' buttons to WordPress using WP Tasty Pins

Yaptığınız değişikliklerden memnun olduğunuzda, ‘Değişiklikleri Kaydet’ düğmesine tıklayın. Şimdi, WP Tasty sitenizin tüm görsellerine bir ‘Pin It’ düğmesi ekleyecektir.

Bu makalenin WordPress blogunuza Pinterest ‘Pin It’ düğmesini nasıl ekleyeceğinizi anlamanıza yardımcı olduğunu umuyoruz. Ayrıca WordPress’ten Instagram’a otomatik olarak nasıl yayınlayacağınızla ilgili kılavuzumuzu görmek veya blogunuzu büyütmek için en iyi Facebook eklentileri uzman seçimimizi okumak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

65 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    Thanks for the php snippet. I tried it on one of the sites and it works like a charm. You have saved me some space between plugins. Good job.

  3. Alison

    Hi. I just added shared counts and the Pinterest add-on plugins recently. They seem to work fine, but I notice they haven’t been updated in several years nor have they been tested with my version of Wordpress. Should I be looking for a new plugin or are they still ok to use?

  4. Julie

    I’m looking to add an individual graphic pin that I’ve custom designed to the travel blog post it belongs to (like the best things to do in Jaipur). Is that what this article is covering or is it just the literal Pinterst “Button” that looks like the Pinterst logo? Sorry to be co fixed with this technicality, but an image or two would make this much clearer what specifically the “button” you are referring to is….thank you in advance…

    • WPBeginner Support

      This is for the Pinterest pin it button, the second screenshot in the article should be what you are looking for as an example.

      Yönetici

  5. Ellen

    It works!! thankyou

    • WPBeginner Support

      Glad our guide could help :)

      Yönetici

  6. Kara

    After I installed the plugin, it never showed up in the settings.

    • WPBeginner Support

      You would want to ensure you activate the plugin as well.

      Yönetici

    • WPBeginner Support

      You’re welcome, glad it worked for you :)

      Yönetici

  7. laira

    hi wpbeginner, I follow your codes, may i know if i will still pin the images on my pinterest boards? or it will automatically pin there? Im still a beginner in this platform. thank you

    • WPBeginner Support

      The button when used would add it to your board.

      Yönetici

  8. Lorraine Reguly

    Thanks for the code. I just added it to my author site. (I have no idea how the Pinterest button shows up on my images on my business site, but it does.)

    Now my author site is all set up!
    Thanks, Syed.

    P.S. I just followed you on Pinterest. :)

  9. RB

    this is work !! thanks

    and

    I wonder…
    how can I change icon? Icon is still same when change code

  10. Thales

    I did the last option, adding the short code to my theme’s functions.php file. It worked, but I couldn’t save my posts as draft anymore. Then I removed the code and it is not working. My site is still online, but I cannot log in into my site anymore. The following message appear:

    Warning: Cannot modify header information – headers already sent by (output started at /home/peque107/public_html/wp-content/themes/himmelen/functions.php:2) in /home/peque107/public_html/wp-includes/pluggable.php on line 1224

    Please help!

  11. Emma steave

    Thanks. Its great

  12. Carissa

    Does this only apply for wordpress.org blogs? I have a wordpress.com blog and I am not sure if I can add this plugin to it?

    Thank you!

  13. Ruth

    I have a problem. I followed the instructions and came up with this error:

    Parse error: syntax error, unexpected ‘<' in /home/cmomb/butfirstwehavecoffee.com/wp-content/themes/notepad/functions.php on line 18

    Now I cannot get rid of it. Could someone advise. My site is now down.

    • WPBeginner Support

      Open the functions.php file in a text editor like notepad. Go to line 18. You probably have <?php tag there that you don’t need. Delete it and also delete the ?> closing tag

      Yönetici

  14. Ian Harris

    Thanks for this firstly

    I am struggling to position the element. It is seeming to always sit in the top left of the div.

    Is it possible to position it and also change the bg image to own custom one.

    Thanks

  15. Paradise Found Around

    Great tutorial, as usual. I was wondering though if there was a way to modify it to use a custom button in place of the starboard one that automatically comes up.

    Thanks,

    Mark

  16. mark taylor

    Good tutorial, i have put it on my site without any problems, i then tested it and it worked, but it still says 0 after i pinned.
    Mark

  17. vrinda

    I tried so many plugins… they don’t work with infinite scroll and nextgen gallery…. but with some changes this script solved my issue.. thanks

  18. Michael

    Hello,

    I just want to ask if I could change the size of the “pin it” button? Because it seems that it was a little bit small.

    Regards,

    Michael

    • Editorial Staff

      You could use the pin count layout vertical or horizontal. Other than that, no you cannot change the size.

      Yönetici

  19. Jenny

    This code just recently stopped working. I had it on my site and it was working great and recently images appear to be working but then when you go view the pinboard there is no image set. Other times when trying to pin it 502 error that comes from the Pinterest site. Any ideas?

    • Editorial Staff

      Probably server errors on Pinterest’s end. We have this code running on our other sites.

      Yönetici

  20. Ido Schacham

    There’s a bug in the code. The generated href for the pin it button should include ‘url=’, currently it’s missing the equals sign.

  21. jess

    For wordpress users..adding the pin it or any other social media is easy! Under dashboard, go to setting, click on sharing and they all appear- click on what you want to add!

    • Editorial Staff

      You are referring to WP.com sites. This tutorial is for self-hosted WordPress sites. Two different things.

      Yönetici

    • Jen M

      THANK YOU! I have been searching for how to do this for 2 days & downloaded something & that didn’t work, I was about to give up & then THANKFULLY read your comment. I appreciate someone making it as EASY as it really is, how come wordpress can’t do that?

    • Jenn K

      Ooh, thanks for the tip! Exactly what I was looking for :)

  22. Nick

    Is there a way to customize this so you can select a custom image for the pin-it button ?

    • Editorial Staff

      If you mean a custom image for your article, then yes you can. Look at the &media tag in the second code.

      Yönetici

  23. Husein Yuseinov

    Hi,
     
    I need to implement this code but in header file, but postthumbnail returns error?!

      • Husein Yuseinov

         @wpbeginner Thanks for the fast respond, but I’m not a coder, and it’s hard for me to understand you.

        • wpbeginner

           @Husein Yuseinov Ok… so here is what you do. Add the following line above $pinterestimage line inside the PHP tags:
           
          global $wp_query;
          $postid = $wp_query->post->ID;
           
          Then replace $post->ID with $postid and it will work. Also after the code, you may want to end wp_reset_query();
           
          This is the best we can do. What you are asking for requires coding. If you are unable to do this, then shoot us an email. We can help you out for a small fee. 

    • wpbeginner

       @robthecomputerguy I think they just liked our comments, and livefyre is showing their profile.

      • robthecomputerguy

         @wpbeginner Oh that’s fascinating – that didn’t even occur to me – thanks for the follow up!

  24. FuturePocket

    I tried adding this… it worked but when you click on “Pin it” and it opens the window in a new browser and you actually submit the pin, it just reloads the newly opened window and the pin isn’t submitted. Decided not to implement it until they’ve fixed their bugs.

  25. Jean Oram

    I used the ‘follow me’ code on the Pinterest Goodies page and pasted it into the ‘text’ widget on my WordPress blog. The button now appears right after my mini bio. It works quite well. :)

  26. Editorial Staff

    For any advanced theme framework like Thesis, Genesis, Headway etc, you have to add these codes via functions.php file using the framework appropriate hooks. We cannot possibly cover all the theme frameworks out there. Most theme framework blogs have instructions on how to do customize the themes.

    Yönetici

  27. wpbeginner

    Your method seems a bit tedious because you would have to do it for each image.

    • Ruby

      @wpbeginner It’s not ideal, but it’s really not much more than you have to do to post the image anyway. I’m still looking for a great option (plugin ideally) that a) works on my theme and b) is easy. Luckily, due to the popularity of Pinterest, I’m confident someone will have one up and running soon!

  28. wpbeginner

    Make sure you set $pinterestimage[0] otherwise it will return an array. Other than that not sure why you are getting the error.

    • merrittsgret

      @wpbeginner It’s working now, thanks to the shortcode code you gave us. Thank you so much!

      Now to get it to align with everything else via CSS… (http://ylcf.org/2012/01/tomorrow-2/) Ah, the joys.

      • wpbeginner

        @merrittsgret Yeah, you might have to utilize the !important tag in some cases.

  29. dave2

    Any idea on how to change it from featured image to first image?

  30. Gretchen

    It works, but it shows the text “array” before the Pin It button. I’m calling it via my functions.php, like so “echo $pinterestimag…..<?php;" Could that be why?

    • wpbeginner

      @Heidi at CrockPotLadies We can see the button in the next line after the Subscribe to feed etc links.

  31. wmwebdes

    Only just started to hear about Pinterest – looks as though it is really taking off.

    Thanks for the tut.

  32. YeahThatsKosher

    How do you get this to integrate with an existing WP plugin like Digg Digg or Sociable?

    • wpbeginner

      @YeahThatsKosher You would have to ask the developers to do so for you.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.