Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

WordPress İçin Eklentisiz Sosyal Paylaşım Butonları


FacebookTwitterPinterestTumblrYazdır


WordPress için eklentisiz sosyal medya paylaşım butonları ararken, oldukça güzel bir kod ile karşılaştım. Aşağıda yer alan kodlar sayesinde sizler de yazılarınız için Facebook, Twitter ve Google+ paylaş butonları ekleyebilirsiniz. Bunu hem eklentisiz yapmak sitemize ek yük binmesini engelleyecek, hem de daha hızlı bir sonuca ulaşmış olacağız. Arzu ederseniz elbette özellikle CSS bazlı düzenlemeler gerçekleştirebilmektesiniz. Ancak ben varsayılan hâli ile paylaşmayı uygun buldum. Web siteniz için sosyal paylaşım butonları arıyorsanız, umarım bu kodların sizlere faydası olacaktır. Bu kodlar ile yazılarınızın daha çok paylaşım görmesini dilerim.

Aşağıdaki kodları "single.php" dosyanızın, dilediğiniz alanına ekleyebilirsiniz.

<div class="social">
<p>Share this post on:</p>
<!--Twitter-->
<a class="twitter" href="http://twitter.com/home?status=Reading: <?php the_permalink(); ?>" title="Share this post on Twitter!" target="_blank">Twitter</a>
<!--Facebook-->
<a class="facebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php the_title(); ?>" title="Share this post on Facebook!" onclick="window.open(this.href); return false;">Facebook</a>
<!--Google Plus-->
<a class="google-plus" target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>">Google+</a>
</div>

CSS dosyanıza ise aşağıdaki kodları yerleştirmeniz yeterli.

/*social sharing buttons*/
.social a{
display:inline-block;
margin:10px 10px 5px 0;
padding:10px 15px;
color:#fff;
font-weight:bold;
text-align:center;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
}
/*Twitter*/
.twitter{
background:#9AE4E8;
}
/*Facebook*/
.facebook{
background:#3B5998;
}
/*Google Plus*/
.google-plus{
background:#D34836;
}

Not: Dilediğiniz düzenlemeleri istediğiniz şekilde yapmayı düşünebilirsiniz. CSS kodlarını değiştirebileceğiniz gibi, ilgili butonların yerlerini de değiştirebilirsiniz. Ayrıca ilgili butonları, yazınıza daha yakın yerlere eklemeniz, paylaşım butonları ile ziyaretçileriniz arasındaki etkileşim açısından daha sağlıklı bir seçim olacaktır kanısındayım.


    • emreoktay
    • 16 Ekim 2015, 14:36

    bilği için tşkler.

      • Şahin Gezici
      • 16 Ekim 2015, 15:39

      Merhaba,

      Yorumunuz için biz teşekkür ederiz.

      • arda nakliyat
      • 16 Haziran 2016, 16:46

      güzel paylaşım teşekkürler

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık