WordPress Blogumuza Sosyal Paylaşım Butonu Yapalım. (Eklentisiz)

Merhaba arkadaşlar.  Uzun zamandır WordPress kullanmaktayım.  WordPress’te benimde kullandığım birkaç eklenti var. Fakat bu eklentiler DB’nin şişmesine,  mysql ram kullanımına ve sisteme birazda olsa yük getiriyor.  Elimden geldiğince minimum eklenti ile maksimum iş yapmaya çalışıyorum.

Blogum için Sosyal Paylaşım butonları  eklemeyi düşünüyordum. Tabiki eklentisiz olarak.  Bu işi yapan birçok WordPress eklentisi mevcut.  Bunlardan en çok kullanılanıda Share This eklentisi.  Fakat pek beğenmediğimi itiraf etmeliyim.  Birçoğunuda malesef ki özelleştirebilmeniz zor.  Kendi eklentimizi yazmaktansa kendimize ait özel butonlar oluşturmamız daha kolayıma geliyor..

Sizlere bu yazımda paylaşım butonlarını nasıl yapacağımızdan bahsedeceğim.  Öncelikle Friendfeed Facebook ve Twitter‘i göze alarak başlıyorum. Tekil sayfalarımın içine yerleştirdim kodlarımızı  “single.php” içerisinde uygun bir yere eklememiz gerekiyor.

Twitter ;

Twitter için gerekli olan twitter resmi ve twitter paylaşım bağlantısı yani API bağlantısı.

Resim: http://www.teakolik.com/images/twitter.png

APi: http://twitter.com/home?status=BAŞLIK+BAĞLANTI ADRESİ

Şimdi bunu blogumuza uyarlayacağız. Öncelikle BAŞLIK ve BAĞLANTI ADRESİ şeklinde APi ‘nin bizden istediği verileri blog içerisinden alabilmemiz gerekiyor.  WordPress içerisinde BAŞLIK için <?php wp_title(”); ?> fonksiyonunu kullanarak sayfa başlığını (Title) veri olarak çekebiliriz.  Ayrıca sayfanın bağlantı adresinide  <?php the_permalink(); ?> fonksiyonunu kullanarak çekebiliriz.

<a href=”http://twitter.com/home?status=<?php wp_title(”); ?> <?php the_permalink(); ?>” /></a>  şekline gelen Api bağlantısını Twitter resmimize bağlantı verdiğimizde Twitter paylaşım butonu ortaya çıkacaktır.

<a href=”http://twitter.com/home?status=<?php wp_title(”); ?> <?php the_permalink(); ?>” target=”_blank” />
<img src=”http://www.teakolik.com/images/twitter.png” alt=”Twitter ile paylaş…” /></a>

Gördüğünüz gibi Twitter için paylaşım butonumuz oluştu.  Şimdi bu butonu tekil sayfa (single.php) içerisinde uygun bir yere yerleştirirseniz butona tıklandığı zaman Twitter’e gönderilerimiz hazır hale geliyor.

Friendfeed ;

Friendfeed için gerekli olan bir paylaşım butonu resmi ve Api bağlantısı.

Resim : http://www.teakolik.com/images/friendfeed.png

APi : http://friendfeed.com/?title=BAŞLIK&url=BAĞLANTI

Yine Twitter butonunda olduğu gibi Api içerisine BAŞLIK ve BAĞLANTI ADRESİ’ni otomatik olarak çektirmemiz gerekiyor. Bunun için <?php wp_title(”); ?>  fonksiyonumuzdan ve  <?php the_permalink(); ?> fonksiyonumuzdan yararlanıyoruz.  Friendfeed resmimize bu Api’yi bağlantıladığımız zaman kodumuz tamamlanmış olacaktır.

<a href=”http://friendfeed.com/?title=<?php wp_title(”); ?>&url=<?php the_permalink(); ?>”  target=”_blank” />
<img src=”http://www.teakolik.com/images/friendfeed.png” alt=”Friendfeed ile paylaş…” /></a>

Facebook ;

Facebook için gerekli olan yine bir paylaşım butonu ve Facebook paylaşım Apisi.

Resim : http://www.teakolik.com/images/facebook.jpg

Api : http://www.facebook.com/share.php?u=BAĞLANTIADRESİMİZ

Api’de dikkatinizi çekmiştir bağlantı adresimiz mevcut fakat title yok.  Gerekte yok. Çünkü Facebook bunu bizim yerimize bağlantı içerisinden çekiyor. Hatta yazı içerisinde resim kullandıysanız bu resmide küçük resim olarak alabiliyor.  Sadece yapmamız gereken Api içerisindeki bağlantı adresimizi  <?php the_permalink(); ?>  fonksiyonunu kullanarak çektirmek.

<a href=”http://www.facebook.com/share.php?u=<?php the_permalink(); ?>”  target=”_blank” />
<img src=”http://www.teakolik.com/images/facebook.jpg” alt=”FaceBook ile paylaş…” /></a>

Yukarıda gördüğünüz gibi facebook apisi ile facebook butonumuzu linkledik.  Artık herşey hazır.  Bu kodlarımızı Single.php içerisinde uygun bir yere yerleştirdiğiniz zaman yazılarınız için paylaşım butonlarımız bitmiş olacak.

Bu apileri yada resimleri dilediğiniz gibi değiştirebilir kafanıza göre takılabilirsiniz.  Dikkat ederseniz  bağlantı içerisine target=”_blank” ekledim bu sayede yeni bir sayfa açılarak paylaşım sağlanabilecektir.  Yada bir fotograf efekti vererek çok daha güzel bir görünüm sağlayabilirsiniz.  Hadi kolay gelsin….

NOT: Ücretsiz sosyal paylaşım butonları : http://webdesignledger.com

“WordPress Blogumuza Sosyal Paylaşım Butonu Yapalım. (Eklentisiz)” üzerine 27 yorum

  1. TEAkolik peki şuanda sizin kullandığınız benzer yazılar eklentisinin ismini paylaşabilirmisiniz? yardımcı olursanız sevinirin

    Cevapla
  2. çok teşekkür ederim arada sırada wordpress konusunda bilgi almak seni biraz rahatsız edebilirim :D iyi çalışmalar

    Cevapla
  3. Paylaşım için teşekkürler. Şuan için kullanmayı düşünmüyorum ama kodları ekleyecek olursam adres belli :). iyi bloglamalar.

    Cevapla
  4. Son zamanlrda sıkça kullanılan wordpress blogları için, Güzel bir anlatımla, güzel bir paylaşım olmuş. işe yarar bir konu. teşekkürler.

    Cevapla
  5. Hamza Bey Merhaba,
    Bilişim sohbetlerinde dinledim sizi ve bilgilerinizden ve tecrübelerinizden çok şey öğrendim. Öncelikle teşekkür ederim. Konuyla ilgili sorum ise şu; iki eklenti ile bloğuma paylaş butonu koydum. İlki “facebook eklentisi” idi. Bunu kurdum ve facebookta kendi hesabımda uygulama oluşturmamı ve API girmemi istedi yaptım. Sıkıntı yok. Fakat diğer bir eklentide ise yani “Cresta Social Share Counter” isimli eklentide ise sadece kurulumu yaptım ve etkinleştirdim. Yine sıkıntı yok. İkisi arasındaki fark nedir acaba?
    İyi çalışmalar.

    Cevapla
  6. Satın aldığım temada Twitter paylaşım butonu ayarları için şunlar isteniyor: Twitter Api key, Twitter Api Secret, Twitter Api Token, Twitter Api Token Secret. Bunlar nedir? Bunlara sahip olmam için twitter uygulaması mı oluşturmam gerekiyor? Nasıl yapacağım? Lütfen yardımcı olun.

    Cevapla

Yorum yapın

teakolik hamza şamlıoğlu blog logo

Wordpress altyapısını kullandığımız bu sistem, Sunucu Çözümleri firmasında yüksek performans sağlayan özel sunucularda barındırılmaktadır. Görüntülemek için en iyi Chrome tarayıcı, 1920x1080 çözünürlük ve Full HD Android telefonlarda çalışır. Ayrıca Sitedeki içeriği istediğiniz gibi çarpabilirsiniz. :)