Wordpress'te eklenti kullanmadan sosyal paylaşım butonları

Wordpress'te bana göre en çok dikkat edilmesi şeylerden birisi "ne kadar az eklenti o kadar hızlı bir site" cümlesini aklımızdan çıkartmamaktır. İşte bu konuda herkesin işine yarayacağını düşündüğüm herhangi bir eklenti kullanmadan sosyal paylaşım butonlarını sitemize entegre etmeyi göstereceğim. Ben sadece Facebook, Twitter ve Google+ için gösteriyorum bu 3 paylaşım butonu zaten birçok insan için yeterli gelecektir.

Öncelikle aşağıdaki kodu butonları hangi sayfada nerede göstermek istiyorsanız oraya ekleyin.

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

Bu kodda <div> tagımızın css kodu aşağıdaki gibidir. Aşağıdaki koduda style.css(sizin tema dosyanızın içerisindeki dosyaya ekleyeceksiniz) dosyanıza ekleyin.

/*wpipuclari.blogspot.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;}

Hayırlı olsun. Gayet sağlıklı çalışan sitenize ek bir yük getirmeyen sosyal paylaşım butonlarınız oldu.