Wordpress Facebook İle Giriş Eklentisi | Metin Saraç

WordPress Facebook İle Giriş Eklentisi

WordPress Facebook İle Giriş Eklentisi

Öncelikle merhaba, son dönem de oldukça gündem de olan facebook ile birlikte tüm web siteleri yeniden boyutlar kazanmaya başladı ücretli premium satılan siteler bile yaptırarak kullanıcı çekmeyi göze almaya başladı, ayrıca Türkiye’de kolay üyelikle beraber daha fazla hit elde edebilen bir çok site mevcut, buna kendi web sitelerim arasında bulunan bir kaç web sitesi de dahil.Ziyaretçilerimiz sitede vakit geçirmek için genelde kolay metotları seçtiği için hem onların işi görülmesi için hemde bizim işimizin görülmesi için oldukça sağlıklı ve şık bir wordpress eklentisini size tanıtacağım, yap butonunu eklemek için İşimize yarayacak bu eklenti kullanım ve işlem olarak oldukça basit her ne kadar karmaşık görünse de burada size en basit haliyle anlatmaya çalışacağım. Şimdi işlemlere geçelim, Aşama aşama anlatacağım.

Eklenti Detayları

 

1.Aşama (Eklenti Aktifleştirme)

WP-Admin > Eklentiler > Yeni Ekle > Facebook All  aratıp etkinleştiriniz.

2.Aşama (Facebook Uygulama)

Facebook Uygulama sayfasına giriniz yeni Uygulama oluşturunuz.

wordpress-facebook-ile-giris-yap

 

3.Aşama (Facebook Uygulama)

Create a New App > Uygulama Adı vs > Uygulama Oluşturuldu >  Ayarlar

wordpress-facebook-ile-giris-facebook-develop

 

4.Aşama (WordPress Entegre)

Artık facebook developla işimiz bitti. Şimdi wordpresse entegre etme işlemine geçiyoruz.

App Id ve App Secret kodlarını bir kenara kayıt ediyoruz.

Wp-Admin > Facebook All  sekmesine tıklıyoruz.

Comment / Fanbox Ayarlarını kendiniz bakarak halledebilirsiniz. Genelde facebook sayfa linkinizle alakalı kısımlar.

5.Aşama (İsteğe Göre  Login Alanı)

Şimdi buraya kadar işlemleri yaptınız  http://siteadı.com/wp-login.php  girdiğiniz de facebook ile giriş yap sekmesi görünmektedir.

Örnek

facebook-ile-giris-wp-login-php

Fakat siz bunu Anasayfada uygun kodların arasında göstermek istiyorsunuz, ne yapabilirsiniz ?

facebook-ile-giris-anasayfa-gosterme

 

 

[sourcecode language=”plain”] <a class="btn linkm" href="javascript:void(0);" title="Login with Facebook" onclick="FbAll.facebookLogin();"><i class="icon-facebook">&nbsp;</i>Facebook ile Giri&#351; Yap</a>
<div class="fball_ui">
<div id="fball_facebook_auth">
<input type="hidden" name="client_id" id="client_id" value="236671753166973">
<input type="hidden" name="redirect_uri" id="redirect_uri" value="http://www.metinsarac.net">
</div>
<input type="hidden" id="fball_login_form_uri" value="">
</div>[/sourcecode]

 

Bu şekilde kullanıp cssleri kendinize göre düzenleyebilirsiniz. Kolaylıklar dilerim.

“WordPress Facebook İle Giriş Eklentisi” üzerine 18 düşünce

  1. Oldukça faydalı bir yazı kaleme almışsınız hocam. Ellerinize sağlık.

  2. Güzel ve sade bir anlatım, tebrikler.

    1. Metin Saraç dedi ki:

      Teşekkür ederim 🙂

  3. nega dedi ki:

    Teşekkürler faydalı oldu

    1. Metin Saraç dedi ki:

      Ben Teşekkür ederim 🙂

  4. ercan dedi ki:

    şimdi bu şekilde yorumları face üzerinden yapıyoruz bu yorumlar son yorumlar kısmında görünmüyor recommend kullanmadan son yorumlar kısmına nasıl ekleyebiliriz face ile yapılan yorumları

  5. ercan dedi ki:

    evet hata düzeldi çok sağol yalnız yorum kısmınıda kullandığımızda yazının hem alt tarafında hem üsttarafında yorum yaz kısmı çıkıyor ve iki tarafdada yorumlar çıkıyor nasıl düzeltebiliriz acaba

  6. ercan dedi ki:

    birde bu kısım var tabi etki ediyormu bilmiyorum
    Not get any configured app info for your site. You have not saved api key and secret still or please configure facebook app and make sure cURL/FSOCKOPEN is enabled in your php.ini

    1. Metin Saraç dedi ki:

      Bu konuda Atladığım bir nokta olmuş sanırım.

      Hatanın Çözümü

      – Status & Review Giriyoruz (Sol Menüde)
      – Do you want to make this app and all its live features available to the general public (Bu Kısmı Açık Pozisyonuna “Yes” olarak Değiştiriyoruz.)

  7. ercan dedi ki:

    oğulcan arkadaşdaki hatayı bende alıyorum ayrıca ona rağmen appi aldığım adresle çalışıyor sadece başka face adresiyle açılmıyor bir yardımcı olabilirseniz sevinirim

  8. erol geçgel dedi ki:

    Üstad herşey güzel hoş eline diline sağlık amma ben anasayfada istediğim yere bir türlü beceripde ekleyemedim

    1. Metin Saraç dedi ki:

      Öncelikle Merhabalar,

      1.İşlem olarak wp-login.php giriş yaptığınız da, Facebook Login butonunu görebiliyor musunuz ?
      Örnek : http://www.metinsarac.net/wp-content/uploads/facebook-login-wordpress.png
      2.İşlem eğer herhangi bir hata yapmadıysanız eklenti başarı ile aktif olduysa wp login ekranına resimde ki gibi facebook ile giriş yap butonu eklenmiş olacaktır.
      3.İşlem Facebook ile Giriş Yap Kısmına sağ tıklayıp Kaynak Kodlarından Facebook login butonu kodlarını alıyoruz.
      Konu içerisine benzer kodları ekledim.
      [sourcecode language=”plain”]<a class="btn linkm" href="javascript:void(0);" title="Login with Facebook" onclick="FbAll.facebookLogin();" rel="nofollow"><i class="icon-facebook">&nbsp;</i>Facebook ile Giri&#351; Yap</a>
      <div class="fball_ui">
      <div id="fball_facebook_auth">
      <input type="hidden" name="client_id" id="client_id" value="236671753166973">
      <input type="hidden" name="redirect_uri" id="redirect_uri" value="http://www.metinsarac.net"&gt;
      </div>
      <input type="hidden" id="fball_login_form_uri" value="">
      </div>[/sourcecode]
      4.İşlem bahsettiğimiz kodları anasayfada göstermek istediğiniz yere ekliyoruz tamamlıyoruz bu kadar 🙂

  9. batuhan dedi ki:

    hacı abi dediğinizi yaptım bilgilerle beraber kayt ettim ama o facebook all dediğiniz kısmı bulamadım.

    1. Metin Saraç dedi ki:

      Eklentiyi aktif ettiğinizde ayarlar sekmesinin üstüne otomatik olarak eklenmesi gerekmekte, kullandığınız wordpress sürümü hakkında detaylı bilgi vermeniz mümkün mü ?

  10. Oğulcan Kaya dedi ki:

    Kardeşim Sen Bitane Örnek Yapıp Bana Foto Çekip Göndersen E Postama Yada Oradan Yardımcı Ol Sen Bana Ne Yapacağımı Söyle Ben Yaparım Eğerki Yapamassam Senden Yardım Alırım İllaki Görselli Anlatırsan Çok Sevinirim Yardım Edersen Bende Sana Yardımcı Olurum Kardeşim Önemli Bi Konu Ama Şimdiden Teşekkür Ederim… -ogulcankaya65@hotmail.com.tr

    1. Metin Saraç dedi ki:

      Geri Dönüş Sağladım.

  11. Oğulcan dedi ki:

    http://i.hizliresim.com/El1P0B.png abi yardım et gözünü seveyim napacam ya video filan varsa yada yardım etsene sana zahmet olmsaa lütfen 🙁 🙁 🙁

    1. Metin Saraç dedi ki:

      Facebook Uygulama kısmında sorun olmuş gibi görünüyor, uygulama adresinizi iletirseniz ordan yardımcı olalım veya bilgilerinizi iletin mail adresime yardımcı olmaya çalışalım. – metin_@hotmail.com.tr

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Benzer Yazılarkategori bazlı

karabuk haber