adobewordpress ~ güncel tasarım okulu
  • Adobe
    • Photoshop Dersleri
    • After Effects Dersleri
    • Illustrator Dersleri
  • WordPress
    • Eklentiler
    • Temalar
    • Güvenlik
  • Duvar Kağıtları
  • Tasarım Unsurları
    • PHP Dersleri
    • HTML5 Dersleri
    • CSS Dersleri
    • jQuery
    • Bootstrap
    • SEO Dersleri
    • Kaynaklar
    • İlham Verenler
    • Diğer Konular
  • Video Dersler
  • Yazarlar

WordPress’e Facebook Login Ekleme

Vatanay Özbeyli Eklentiler

wordpress-facebook-login-screenEğer WordPress sitenizde üyelik sistemi kullanıyor ve üyelerinize Facebook login imkanı sunmak istiyorsanız doğru yerdesiniz. Artık bir WordPress eklentisi sayesinde bu işlemi hızlı bir şekilde tamamlayabiliyorsunuz.

Kullanıcılarınızı uzun üyelik formlarından ve şifre oluşturmaktan kurtaran bu tip sosyal ağ login sistemleri üyelik sayınızı arttırmanıza yardımcı olacaktır.

WordPress için Facebook Giriş Seçeneği

İlk olarak WordPress sitenize Nextend Facebook Connect eklentisini kurmanız gerekiyor. Kısaca WordPress’e eklenti nasıl kurulduğunu hatırlayalım.

Eklenti nasıl kurulur?

Eklenti tamamıyla ücretsiz.

WordPress’e eklentilerin nasıl kurulduğunu kısaca hatırlayalım.

  1. Dosyayı indirin ve zip içerisinden çıkarın.
  2. Eklenti klasörünü FTP aracılığıyla ‘/wp-content/plugins/’ dizinine upload edin,
  3. WordPress admin panelinizden Eklentiler alanına gidip eklentiyi etkinleştirin.

Download Adresi : Nextend Facebook Connect

Kurulumu tamamladıktan sonra eklentiyi aktifleştirin ve kontrol panelinden Settings » Nextend FB Connect alanına giriniz. Bu ekrandan Facebook Developers alanında oluşturacağımız App bilgilerini kullanacağız. Eğer daha öncesinde oluşturduğunuz bir Facebook App varsa bilgilerini girin. Eğer yoksa da buraya tıklayarak kendinize bir App oluşturun.

facebook-for-developers

Açılacak ekranda ne tür bir app oluşturacağınız sorulacak. Dördüncü seçenek olan Website şıkkını seçebilirsiniz.

Daha sonraki ekranda ise app için görülen isim, tanım ve kategori seçiyoruz. Bu alanda display name ve namespace için web sayfanızın adını kullanabilirsiniz. Sonraki adımda web sayfamızın adresini giriyoruz ve sonunda Facebook bizim için app oluşturuyor.

Artık yukarıdaki My Apps linkinden uygulama bilgilerini alabilir ve Nextend Facebook Connect eklentisi içine gömebilirsiniz.

İşlem burada son buluyor. Tebrikler, artık kullanıcılarınız WordPress sitenize Facebook hesaplarıyla da login olabilecekler.

wordpress-facebook-login-screen

Paylaş
Share on Facebook Share
Share on TwitterTweet
Share on Pinterest Share
Share on LinkedIn Share
Send email Mail
blog facebook facebook giriş login üyelik wordpress


Yazı navigasyonu

CSS ile Üzerine Gelince Parlayan Resimler
Haftanın İlham Kaynakları #18

SOSYAL

E-Posta Aboneliği

Güncel eğitimlerden haberdar olmak ister misin?




Arama

Benzer Yazılar

  • WordPress İçin Ücretsiz Müzik Temaları
  • Sitenize Kolayca Slider Ekleyin
  • WordPress’te kırık linkler (404) nasıl düzeltilir?
  • 20 Dakikada Makale Yazmak
  • WordPress’e YouTube videosu nasıl eklenmeli?
  • Yapım Aşamasındaki WordPress Sitenizde Beklentileri Yükseltin!
  • WordPress’te Yazılara “Yeni” İbaresi
  • WordPress Sitenize Muhteşem jQuery Menüler Hazırlayın
  • the_post_thumbnail ile Öne Çıkarılmış Görselleri Çekelim
  • 2013 Yılının En Kaliteli Kurumsal Temaları

Popüler Örnekler

  • Ambilight ile Bootstrap Slider Kullanımı 17045
  • Sitenize Haber ve Duyuru Akışı Ekleyin 12732
  • Yukarı Scroll Edildiğinde Gözüken Header 12614
  • Material Design Öne Çıkarılmış Menü Tasarımı 11535
  • Mobil Sitenize WhatsApp ve Diğer Sosyal Paylaşım Linkleri Ekleyin 10993
  • Sitenize Kolayca Slider Ekleyin 10853
  • Sadece CSS ile Slider Yapımı 9725
  • CSS ve jQuery ile Dönen Menü 9555
  • Fareyle Birlikte Hareket Eden Arkaplan Resmi 9227
  • jQuery ile Scroll ve Arkaplan İlişkisi 7766

Kategoriler

  • Photoshop Dersleri96
    • Fotoğraf Efektleri
    • Yazı Efektleri
    • Actionlar
    • Fırçalar
    • Patternler
    • İpuçları
  • After Effects Dersleri4
  • Illustrator Dersleri4
  • WordPress84
    • Eklentiler
    • Temalar
    • Güvenlik
  • Tasarım Unsurları115
    • PHP Dersleri
    • Bootstrap
    • HTML5
    • CSS3
    • jQuery
    • SEO
    • Kaynaklar
    • İlham Verenler
    • Diğer Konular
  • Video Dersler53
  • Öne Çıkanlar106

Bağlantılar

  • Anasayfa
  • Hakkımızda
  • Reklam
  • Kullanım
  • Yazarlık Başvurusu
  • Arşiv
  • İletişim

Kategoriler

  • Tasarım Unsurları 392
  • Öne Çıkanlar 106
  • Photoshop Dersleri 123
  • WordPress 106
  • Video Dersler 53
  • Illustrator Dersleri 4
  • After Effects Dersleri 4
  • Sizden Gelenler 3

Adobe Download
Tasarım dünyasına detaylı bir giriş yapmak mı istiyorsunuz? Creative Cloud'u şimdi bilgisayarınıza kurun!

Download Adobe Photoshop CC
Download Adobe After Effects CC
Download Adobe Flash Pro CC
Download Adobe Dreamweaver CC
Download Adobe Illustrator CC
Download Adobe InDesign CC

Uyuya mı kaldın?

10 dakikadır bir işlem yapmadın. Yoksa uyuya mı kaldın?
ÖNE ÇIKANLAR
  • CodePen’de Yapılmış En Etkileyici 10 Çalışma
  • Sitenize Haber ve Duyuru Akışı Ekleyin
  • Photoshop ile Temel Yağmur Efekti
  • Photoshop ile Şık Duvar Kağıtları Hazırlama