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

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’te Eski Yazılarınızı Otomatik Paylaşın
  • WordPress’te JavaScript dosyalarını Footer’a taşımak
  • WordPress’e Tablo Ekleme
  • WordPress’te kırık linkler (404) nasıl düzeltilir?
  • Web Sayfanıza Etkileyici Giriş Paneli
  • WordPress’te Yazılara “Yeni” İbaresi
  • WordPress Eklentilerine Çeviri Hazırlama
  • WordPress’e YouTube videosu nasıl eklenmeli?
  • WordPress’i Dropbox üzerinden yedekleme (Backup)
  • Yapım Aşamasındaki WordPress Sitenizde Beklentileri Yükseltin!

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 Dersleri97
    • 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ı118
    • PHP Dersleri
    • Bootstrap
    • HTML5
    • CSS3
    • jQuery
    • SEO
    • Kaynaklar
    • İlham Verenler
    • Diğer Konular
  • Video Dersler58
  • Öne Çıkanlar110

Bağlantılar

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

Kategoriler

  • Tasarım Unsurları 397
  • Öne Çıkanlar 110
  • Photoshop Dersleri 124
  • WordPress 106
  • Video Dersler 58
  • Illustrator Dersleri 4
  • After Effects Dersleri 4
  • Sizden Gelenler 4

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
  • Photoshop ile Eskitme Efekti #2
  • WordPress SEO Kurulumu ve Ayarları
  • Yukarı Scroll Edildiğinde Gözüken Header
  • 2013 Yılının En Kaliteli Kurumsal Temaları
 

Yorumlar Yükleniyor...