WordPress Blogunuza Pinterest Paylaş Butonu Eklemek
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…
BU YAZIYA YAPILAN YORUMLAR