WordPress Eklentisi Olmadan Sosyal Paylaşım Butonları

Biliyorsunuz ki, wordpress’te nekadar çok elenti kullanırsanız, eklentiler sitenizi okadar yavaşlatır. Bu yüzden sizlere wordpress  eklenntisi kullanmadan nasıl sosyal paylaşım butonları yapılır onu göstericem. (Facebook, Twitter, Goole butonları olarak)

Sosyal Paylaşım Butonları

Wp temanıza entegre etmeniz oldukça kolay, Aşşağıda verdiğim kodu loop’a ekleyin (single.php, page.php, butonları nerede kullanmak istiyorsanız o php dosyasına ekleyin)

<div class="social">

<p>Share this post on:</p>

<!--Twitter-->
<a href="http://twitter.com/home?status=Reading: <?php the_permalink(); ?>" title="Share this post on Twitter!" target="_blank">Twitter</a>

<!--Facebook-->
<a href="https://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 target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>">Google+</a>

</div>

Buda <div> tagımızın css kodu. Bu koduda temanızın sytle.css dosyasına ekleyin. Yada temanızın css kodları neredeyse oraya ekleyin:

/*wpmavi.com sosyal butonlar*/
.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;
}

Umarım yazımı yararlı bulmuşsunuzdur.Teşekkürlerinizi, yazımı sosyal mecralarda paylaşarak gösterebilirsiniz. Bu benim için fazlasıyla yeterli olacaktır.