Merhaba arkadaşlar, wordpress sitenizde yazıların içerisinde bir yere sosyal medyada paylaş butonları eklemek isteyenler için basit bir örnek yaptım. İsteyen bu örnek üzerinden düzenleyip kendi sitesine uyarlayabilir.


Öncelikle temanızın style.css dosyasına girin ve aşağıdaki kodu ekleyin.

.sosyalmedyaarkaplan {
padding: 5px;
width: 100%;
background: white;
border-radius: 3px;
height: 38px;
margin-bottom: 15px;
border-bottom: 3px solid #c5c5c5;
}

.facebookbutton {
font-size: 35px;
text-align: center;
border-radius: 100px;
color: #4262B2;
float: left;
margin-left: 8px;
}

.twitterbutton {
font-size: 35px;
text-align: center;
border-radius: 100px;
color: #1DA1F2;
float: left;
margin-left: 10px;
}

.googleplusbutton {
font-size: 35px;
text-align: center;
border-radius: 100px;
color: #DE5246;
float: left;
margin-left: 10px;
}

.sosyalmedyayazisi {
color: #676767;
font-weight: bold;
float: right;
padding: 11px;
}
Ardından temanızın single.php dosyasına girin ve hangi kısımda gözükmesini istiyorsanız o kısıma aşağıdaki kodu ekleyin.

<div class="sosyalmedyaarkaplan">
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>">
<div class="facebookbutton"><i class="fab fa-facebook"></i></div>
</a>
<a href="https://twitter.com/intent/tweet?text=<?php the_permalink(); ?>">
<div class="twitterbutton"><i class="fab fa-twitter-square"></i></div>
</a>
<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>">
<div class="googleplusbutton"><i class="fab fa-google-plus"></i></div>
</a>
<span class="sosyalmedyayazisi">Bu içeriği sosyal medyada paylaşabilirsiniz.</span>
                                            </div>