WordPress Eklentisi Olmadan Sosyal Paylaşım Butonları


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.

#WordpressSosyalMedya #WordpressSosyalPaylaşım

0 görüntüleme0 yorum

İlgili Yazılar

Hepsini Gör

©2021, WebMaster