Pinterest bir yandan popüler olmaya devam ederken, bloglarımıza birer “Pin it” butonu koymak artık gerekli bir hale geldi. Pin it butonu Pinterest ağı üzerinde bir yazıyı paylaşmak için kullanılmakta. Bugün sizlere WordPress blogu olanlar için özellikle de “Pin it” butonuna basıldığında yazınızın içerisindeki görsel ve açıklama çekilerek Pinterest üzerinde paylaşılmasından bahsetmek istiyorum.
Pinterest’in sayfasında yazı adresi, açıklaması ve resim url adresi belirtilerek bazı kodlarla bu butonun nasıl eklenileceği belirtilmiş. WordPress’de ise butona basıldığında otomatik olarak yazı içerisindeki resmin çekilip, açıklaması ile birlikte paylaşılması bize kolaylık sağlayacaktır. Bu iş için şimdiden WordPress geliştiricileri eklentiler hazırlamaya başladı. Hatta birçok sosyal paylaşım eklentisi içerisine Pin it butonu eklenildi. Bu yazımda eklenti kullanmadan WordPress sayfamıza Pin it butonu ekliyor olacağız.
İlk olarak temamızın function.php dosyası içerisine aşağıdaki gibi kodları eklememiz gerekiyor.
function pinterest_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $first_img = "/images/default.jpg"; } return $first_img; }
bu kodları temamızın function.php dosyası içerisinde “<?php” kodundan hemen sonra ya da en alttaki “?>” kodunun hemen önüne ekleyebiliriz. Bu kodları ekledikten sonra temamızın
Single.php dosyası içerisinde “Pin it” butonunun görülmesi istenilen yere aşağıdaki kodları eklememiz gerekiyor.
<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink() ?>&media=<?php echo pinterest_image() ?>&description=<?php the_title(); ?> on <?php bloginfo('url'); ?>" count-layout="horizontal">Pin It</a> <script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
Bu kodları da ekledikten sonra artık yazılarınızın içinde “Pin it” butonunu kullanabilirsiniz. Yukarıdaki function.php içerisine eklediğimiz kodlar “Pin it” butonuna basıldığında otomatik olarak yazı içerisindeki resmi bulup çekilmesini sağlamakta. Alttaki Single.php dosyasına eklediğimiz kodlar ise Pin it butonu ve sayacı olarak karşımıza geliyor. Dikkat ederseniz bu kodlar arasında WordPress’in yazı linki, yazı başlığı gibi fonksiyonlarını kullanarak otomatik olarak çekilmesini sağladık.
Hadi kolay gelsin…
Selam..
Link koduna class=”pin-it-button” kodunu da eklemek gerek yoksa Pin It şeklinde yazı çıkıyor.
Kodları functions.php dosyasına eklediğim zaman syntax hatası veriyor.
hata alıyorum.. kodun doğru olduğuna eminmisiniz ?
Merhaba benim sorum başka olacak.
Sitemizde içeriği otomatik pinterest e gönderme imkanımız var mı? Tıbbi facebook ve twitter da olduğu gibi
Teşekkürler sayende yaptım ama temam öne çıkarılmış görsele uygun olduğu için biraz oynama yaptım yorumlarda yapamayan arkadaşlarda direk kodları copy paste ile alıp atıyorlardır oda haliyle // ile aynı satırda oluyordur. Eğer benim gibi öne çıkarılmıl görsele uygun temanız var ise aşağıdaki kodu gerekli yer ile değiştirip.
$first_img = urlencode( wp_get_attachment_url( get_post_thumbnail_id($post->ID) ) );