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.
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 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.
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.
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) {
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
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.
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.
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.
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.
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.
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.
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!
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.
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?
WPBeginner Support
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
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
Ellen
It works!! thankyou
WPBeginner Support
Glad our guide could help
Yönetici
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
Jais
Thanks. It works.
WPBeginner Support
You’re welcome, glad it worked for you
Yönetici
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
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.
WPBeginner Support
Hey Lorraine,
Thanks for following us on Pinterest. You can also find us on Twitter and Facebook.
Yönetici
RB
this is work !! thanks
and
I wonder…
how can I change icon? Icon is still same when change code
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!
Emma steave
Thanks. Its great
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!
WPBeginner Support
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
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
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
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
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
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
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
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
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.
Editorial Staff
Fixed the shortcode code for that. Thanks for reporting it
Yönetici
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
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
Husein Yuseinov
Hi,
I need to implement this code but in header file, but postthumbnail returns error?!
wpbeginner
@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
@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.
robthecomputerguy
What in the world is going on with the “animhut blog” button on thee next 3 comments?
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!
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.
Phil Derksen
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
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
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
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!
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.
dave2
Any idea on how to change it from featured image to first image?
wpbeginner
@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
@wpbeginner @dave2 Thank you for the tutorial ! i need that for my another photography site
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?
Heidi at CrockPotLadies
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
@Heidi at CrockPotLadies We can see the button in the next line after the Subscribe to feed etc links.
wmwebdes
Only just started to hear about Pinterest – looks as though it is really taking off.
Thanks for the tut.
Ruby
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
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.