WordPress’e bir Pinterest ‘Pin It’ düğmesi eklemek ister misiniz?
Pinterest, görsel içerik paylaşmanıza ve web sitenize daha fazla ziyaretçi çekmenize olanak tanıyan popüler bir sosyal ağ sitesidir. Sitenize bir ‘Pin It’ düğmesi ekleyerek, daha fazla insanı içeriğinizi Pinterest’te paylaşmaya teşvik edebilirsiniz.
Bu makalede, WordPress’e Pinterest ‘Pin It’ düğmesini nasıl ekleyeceğinizi göstereceğiz.
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.
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.
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.
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.
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.
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 açılış sayfaları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.
Burada, WPCode’un sitenize ekleyebileceği önceden hazırlanmış tüm parçacıkları göreceksiniz. Bunlar arasında yorumları tamamen devre dışı bırakmanıza, WordPress’in genellikle desteklemediği dosya türlerini yüklemenize, ek sayfalarını devre dışı bırakmanıza ve çok daha fazlasına olanak tanıyan bir parçacık bulunmaktadır.
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.
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.
Bunu yaptıktan sonra, aşağıdakileri kod düzenleyiciye yapıştırın:
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');
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
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.
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.
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.
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.
Ş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.
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.
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.
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.
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.
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.
Görsellerinizin üzerine Pinterest butonu eklemenin en kolay yolu Weblizar Pin It Button On Image Hover And Post kullanmaktır.
Öncelikle eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için WordPress eklentisi yükleme kılavuzumuza bakabilirsiniz. Etkinleştirmenin ardından, eklenti ayarlarını yapılandırmak için sol taraftaki menüden PinIt Button ‘ı seçin.
Burada, gönderilerinize veya sayfalarınıza ‘Pin It’ düğmesini ekleyip eklemeyeceğinizi seçebilirsiniz.
Ardından, ‘Görselin Üzerine Gelindiğinde Pin It Düğmesini Göster’ bölümünü bulun ve ‘Evet’ olarak ayarlandığından emin olun.
Bunun yanı sıra, eklenti Pin It düğmesini mobil cihazlarda göstermenizi ve düğmenin boyutunu değiştirmenizi sağlar.
Eklentinin yapılandırılma şeklinden memnun olduğunuzda, değişikliklerinizi kaydetmek için ‘Kaydet’e tıklamayı unutmayın. Şimdi, web sitenizi ziyaret edin ve Pinterest düğmesini çalışırken görmek için herhangi bir resmin üzerine gelin.
Belirli bir görselden ‘Pin It’ butonunu kaldırmak mı istiyorsunuz? Bunu yapmak için WordPress’te resmin URL‘sini almanız gerekir.
Bundan sonra, PinIt Düğmesi sayfasına gidin, ancak bu kez ‘Görüntüleri Hariç Tut’ sekmesini seçin. Artık görüntü URL’sini varsayılan olarak ‘Görüntü SRC URL’sini Girin’ yazan alana ekleyebilirsiniz.
Bunu yaptıktan sonra, ‘Ekle’ düğmesine tıklayın.
Ayrıca ‘Sayfaları Hariç Tut’ sekmesini seçerek Pinterest düğmesini belirli bir sayfadan kaldırabilirsiniz. Burada, hariç tutmak istediğiniz sayfanın adını yazmanız ve ardından ‘Ekle’ düğmesine tıklamanız yeterlidir.
Alternatif: Resimlerinize Pinterest Pin It düğmeleri eklemek için daha güçlü bir eklenti arıyorsanız, Tasty Pins‘i öneririz.
Tasty Pins, tüm görsellerinizin üzerine kolayca ‘Pin It’ düğmeleri eklemenizi sağlar. Hatta blog yazılarınızdaki ilk görsele tamamen özelleştirilebilir ‘Pin It’ banner’ları da ekleyebilirsiniz.
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.
Umarız bu makale WordPress blogunuza Pinterest ‘Pin It’ düğmesini nasıl ekleyeceğinizi anlamanıza yardımcı olmuştur. Ayrıca e-posta bülteni oluşturma kılavuzumuza veya en iyi web tasarım yazılımları karşılaştırmamıza da göz atmak 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.
Syed Balkhi says
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!
Jiří Vaněk says
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.
Alison says
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?
WPBeginner Support says
The shared count plugin was updated 2 months ago and it should still be working well, for the warnings we would recommend taking a look at our article below for why you shouldn’t be very concerned
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Yönetici
Julie says
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 says
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
Ellen says
It works!! thankyou
WPBeginner Support says
Glad our guide could help
Yönetici
Kara says
After I installed the plugin, it never showed up in the settings.
WPBeginner Support says
You would want to ensure you activate the plugin as well.
Yönetici
Jais says
Thanks. It works.
WPBeginner Support says
You’re welcome, glad it worked for you
Yönetici
laira says
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 says
The button when used would add it to your board.
Yönetici
Lorraine Reguly says
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.
WPBeginner Support says
Hey Lorraine,
Thanks for following us on Pinterest. You can also find us on Twitter and Facebook.
Yönetici
RB says
this is work !! thanks
and
I wonder…
how can I change icon? Icon is still same when change code
Thales says
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!
Emma steave says
Thanks. Its great
Carissa says
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!
WPBeginner Support says
Yes it is for WordPress.org. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Yönetici
Ruth says
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 says
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
Ian Harris says
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
Paradise Found Around says
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
mark taylor says
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
vrinda says
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
Michael says
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 says
You could use the pin count layout vertical or horizontal. Other than that, no you cannot change the size.
Yönetici
Jenny says
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 says
Probably server errors on Pinterest’s end. We have this code running on our other sites.
Yönetici
Ido Schacham says
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.
Editorial Staff says
Fixed the shortcode code for that. Thanks for reporting it
Yönetici
jess says
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 says
You are referring to WP.com sites. This tutorial is for self-hosted WordPress sites. Two different things.
Yönetici
Jen M says
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 says
Ooh, thanks for the tip! Exactly what I was looking for
Nick says
Is there a way to customize this so you can select a custom image for the pin-it button ?
Editorial Staff says
If you mean a custom image for your article, then yes you can. Look at the &media tag in the second code.
Yönetici
Husein Yuseinov says
Hi,
I need to implement this code but in header file, but postthumbnail returns error?!
wpbeginner says
@Husein Yuseinov You have to call the thumbnail code within your post loop. In order to call it in your header.php file, you must utilize the global variable.
https://www.wpbeginner.com/wp-themes/how-to-display-custom-fields-outside-the-loop-in-wordpress/
Husein Yuseinov says
@wpbeginner Thanks for the fast respond, but I’m not a coder, and it’s hard for me to understand you.
wpbeginner says
@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.
robthecomputerguy says
What in the world is going on with the “animhut blog” button on thee next 3 comments?
wpbeginner says
@robthecomputerguy I think they just liked our comments, and livefyre is showing their profile.
robthecomputerguy says
@wpbeginner Oh that’s fascinating – that didn’t even occur to me – thanks for the follow up!
FuturePocket says
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.
Phil Derksen says
If you don’t want to mess with adding code, I created a Pin It button plugin you can try out.
http://wordpress.org/extend/plugins/pinterest-pin-it-button/
(or just search for “pinterest pin it” under plugins)
Jean Oram says
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.
Editorial Staff says
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
wpbeginner says
Your method seems a bit tedious because you would have to do it for each image.
Ruby says
@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!
wpbeginner says
Make sure you set $pinterestimage[0] otherwise it will return an array. Other than that not sure why you are getting the error.
merrittsgret says
@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 says
@merrittsgret Yeah, you might have to utilize the !important tag in some cases.
dave2 says
Any idea on how to change it from featured image to first image?
wpbeginner says
@dave2 Use a variation of this snippet:https://www.wpbeginner.com/wp-themes/how-to-set-a-default-fallback-image-for-wordpress-post-thumbnails/
animhut blog says
@wpbeginner @dave2 Thank you for the tutorial ! i need that for my another photography site
Gretchen says
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?
Heidi at CrockPotLadies says
I cannot seem to get it to work. I put the first code in my footer.php before the closing body tag and then added the other code into my single php after my other sharing buttons provided by po.st. Yet when I look at a post on my site (http://crockpotladies.com/recipe-categories/entrees/crockpot-chicken-enchiladas/) I do not see a Pin It Button. Any suggestions?
wpbeginner says
@Heidi at CrockPotLadies We can see the button in the next line after the Subscribe to feed etc links.
wmwebdes says
Only just started to hear about Pinterest – looks as though it is really taking off.
Thanks for the tut.
Ruby says
Thanks for this. I recently tried a similar method but it doesn’t seem to work with my WordPress.org theme, so I came up with my own work-around and posted it here: http://www.tomaytotomaaahto.com/tools-and-tutorials/how-to-turn-your-images-into-pinterest-pin-it-buttons-wordpress
YeahThatsKosher says
How do you get this to integrate with an existing WP plugin like Digg Digg or Sociable?
wpbeginner says
@YeahThatsKosher You would have to ask the developers to do so for you.