Merhaba,  teknoloji geliştikçe web sitelerimizde aynı oranda gelişmekte sosyal medya tüm web sitelerinde önemli yer konumunda günümüz de bir çok site de kullanılan sistemini wordpress ve diğer web sitelerimize eklemeyi anlatmaya çalışacağım bugün size, Öncelikle diğer sistemler için daha sonra wordpress için anlatım yapacağım bu araçla beraber kullanıcılar facebook’a giriş yaptıktan sonra web sitenizde yorumlara facebook ile yorum yapabileceklerdir.

Aynı zamanda bir diğer makalemde WordPress Facebook İle Giriş Eklentisi paylaşımını yapmıştım bu sadece alternatif bir metot konumuzla alakası yoktur fakat ihtiyacı olabilecek olan arkadaşlar için göz atmalarını öneririm.

Şimdi işlemlerimizi adım adım anlatmaya çalışacağım. Başarılar.

 

1.Adım

Facebook Comments Sayfasına Erişim yapıyoruz.

facebook-yorum-eklentisi

İşlemleri yaptığımızda karşılığın da şu şekilde kodlar bize vermekte

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/sdk.js#xfbml=1&appId=268647406641935&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div class="fb-comments" data-href="http://www.metinsarac.net/" data-width="600" data-numposts="5" data-colorscheme="light"></div>

bu kodları bulunduğunuz sistemde gerekli gördüğünüz alana eklemeniz halinde yorum sistemi web siteniz içerisinde görünecektir 🙂

2.Adım ( WordPress Sistemi İçin )

1.Adım’daki işlemleri yaptıktan sonra bize verilen bu kodu şu şekilde

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/sdk.js#xfbml=1&appId=268647406641935&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="600" data-numposts="5" data-colorscheme="light"></div>

single.php içerisinde comment fonksiyonun altına veya temanızın içerisinde bulunan comments.php içerisine eklemeniz yeterli olacaktı. 🙂

 

Metin Saraç 2 88 4 Mayıs 2014
0 beğeni - 2 Yorum