WordPress Pinterest Paylaş Butonu Ekleme

Forumcu

Forum Üyesi
Katılım
23 Eyl 2022
Mesajlar
1,217
Tepkime puanı
0
Puanları
36
İlk olarak temamızın function.php dosyası içerisine aşağıdaki gibi kodları eklememiz gerekiyor.

PHP Kod:
[COLOR=#007700]function [/COLOR][COLOR=#0000BB]pinterest_image[/COLOR][COLOR=#007700]() { global [/COLOR][COLOR=#0000BB]$post[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000BB]$posts[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000BB]$first_img [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#DD0000]''[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000BB]ob_start[/COLOR][COLOR=#007700](); [/COLOR][COLOR=#0000BB]ob_end_clean[/COLOR][COLOR=#007700](); [/COLOR][COLOR=#0000BB]$output [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]preg_match_all[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'/<img.+src=[\'"]([^\'"]+)[\'"].*>/i'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000BB]$post[/COLOR][COLOR=#007700]->[/COLOR][COLOR=#0000BB]post_content[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000BB]$matches[/COLOR][COLOR=#007700]); [/COLOR][COLOR=#0000BB]$first_img [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]$matches [/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000BB]1[/COLOR][COLOR=#007700]] [[/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700]]; if(empty([/COLOR][COLOR=#0000BB]$first_img[/COLOR][COLOR=#007700])){ [/COLOR][COLOR=#FF8000]//Defines a default image $first_img = "/images/default.jpg"; } return $first_img; } [/COLOR]

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.

PHP Kod:
[COLOR=#007700]<[/COLOR][COLOR=#0000BB]a href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"http://pinterest.com/pin/create/button/?url=<?php the_permalink() ?>&media=<?php echo pinterest_image() ?>&description=<?php the_title(); ?> on <?php bloginfo('url'); ?>" [/COLOR][COLOR=#0000BB]count[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]layout[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"horizontal"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000BB]Pin It[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000BB]a[/COLOR][COLOR=#007700]> <[/COLOR][COLOR=#0000BB]script type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"text/javascript" [/COLOR][COLOR=#0000BB]src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"http://assets.pinterest.com/js/pinit.js"[/COLOR][COLOR=#007700]></[/COLOR][COLOR=#0000BB]script[/COLOR][COLOR=#007700]> [/COLOR]

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.

İşlem bu kadar Kolay gelsin.
 
Üst Alt