WordPress'te bir Facebook Hesabı ile Nasıl Giriş Yapılır?

Kaydolmaya veya oturum açmaya çalıştığınızda Facebook hesabıyla devam et seçeneğini gösteren düzinelerce web sitesinde gezinmiş olabilirsiniz. Birçok kişi bu düğmeyi sever çünkü kaydolmaya ve şifreyi hatırlamaya gerek olmadığı için zaman kazanabilirler. Tek ihtiyaçları olan mevcut Facebook hesapları.

Bu özellik, web sitenizdeki kayıt oranını önemli ölçüde artırmayı vaat ediyor. Ve şu anda çok sayıda Facebook kullanıcısı ile böyle bir pazarlığı kaçıramazsınız, değil mi? Ayrıca, insanları mevcut sosyal ağ hesaplarını kullanmaya teşvik etmek, sonraki pazarlama kampanyalarınızda da size oldukça yardımcı olacaktır.

Böyle harika bir özelliği seviyorsanız ama yine de kullanıcıların WordPress web sitenizde bir Facebook hesabıyla oturum açmasına nasıl izin vereceğinizi merak ediyorsanız, bu yazı tam size göre!

Okumaya devam et!

1. Adım: “Nextend Social Login” eklentisini kurun

Kullanıcıların bir WordPress web sitesinde Facebook hesaplarıyla oturum açmalarına izin verecek bir seçenek oluşturmanıza yardımcı olabilecek birçok eklenti vardır. Bununla birlikte, Nextend Social Login eklentisi artık en fazla kullanıcı sayısına ve iyi geri bildirimlere sahip en iyi eklentidir.

Bu eklenti, web'inizde kaydolma ve sosyal ağlarla oturum açma seçeneğini oluşturmak için kullanılır. Sadece Facebook değil, Paypal, Pinterest, Disqs, Amazon, Twitter, Google gibi diğer ünlü platformlar da sitenize entegre edilebilir. Bu eklenti çok kullanışlı ve güçlü, değil mi? Şimdi nasıl kurulacağını öğrenelim.

Yönetici Panosundan Eklentiler menüsüne gidin. Yeni Ekle'ye tıklayın ve nextend sosyal giriş anahtar kelimesini arayın.

İlk sonucu seçin Nextend Sosyal Giriş ve Kayıt (Facebook, Google, Twitter) ve Şimdi Yükle 'yi tıklayın. Birkaç saniye bekleyin, ardından bu düğme göründüğünde Etkinleştir'i tıklamaya devam edin.

Ardından, yönetici panosunda, ayarlarını yapmak için Ayarlar > Nextend Social Login'e gidin.

Yeni pencerede, farklı platformların çeşitli seçenekleri görünecektir. Belki sonraki yazılarda, hepsini kurmanız için size rehberlik edeceğim. Ancak şimdi, yalnızca Facebook'a geri dönerek, Facebook kutusunda Başlarken'i tıklamanız yeterlidir.

Şimdi, ekranda bir Facebook Uygulaması oluşturmak için adım adım bir kılavuz var (16 adım). Size aşağıda sezgisel bir talimat göstereyim.

2. Adım: Bir Facebook Uygulaması Ayarlama

2.1. Bir Facebook for Developer hesabına kaydolun/oturum açın

Her şeyden önce, eklentinin yapmanızı söylediği gibi https://developers.facebook.com/apps/ adresine gidin.

Facebook for Developer sitesinin ekranını gördüğünüzde, bir Facebook Developer hesabı oluşturmak için sayfanın sağ üst köşesindeki Şimdi Kaydol'a tıklayın.

Bu site sizden Facebook hesabınızla kayıt olmanızı isteyecektir. Birden fazla Facebook hesabınız varsa, sadece birini seçin. Ardından, İleri'ye basın ve istenirse Facebook hesabınızın şifresini girin.

Ardından, hangisinin sizi en iyi tanımladığını sorduğunda sadece bir seçeneği seçin. Bundan emin değilseniz, Diğer öğesini seçin.

2.2. Facebook uygulaması oluşturun

Yeni açılır pencerede, bu hesap için yeni bir Facebook uygulaması oluşturmak için Yeni Uygulama Oluştur düğmesine basın. Bu, Nextend Social Login eklentisinin kılavuzundaki 3. adıma karşılık gelir.

Ardından, Görünen Ad kutusuna bir ad ve en iyi yönetim için olmaları koşuluyla İletişim E- postası'na bir e- posta girin . Veya oraya herhangi bir şey yazıp daha sonra düzenleyebilirsiniz.

Bitirmek için Uygulama Kimliği Oluştur düğmesine basın.

2.3. Yeni Facebook uygulamasını yapılandırın

Bir sonraki ekranda, Senaryo bölümünde herhangi bir seçeneği SEÇMEYİN. Bunun yerine, önce soldaki Ayarlar > Temel menüsüne gidin.

Aşağıdaki gibi bir arayüz görünecektir:

Bu alanları eksik bilgilerle aşağıdaki gibi doldurun:

• Uygulama Alanı: Web sitenizin alan adını buraya yazın.
• Gizlilik Politikası URL'si: Bu kutuyu, web sitenizin gizlilik politikası sayfasında beğenilen URL ile doldurun.
• Hizmet Şartları: Bu kutuyu, web sitenizin hizmet şartları sayfasına bağlanan URL ile doldurun.

İşte web sitemden bir örnek. Bu URL'leri web sayfamın alt bilgisine koydum. Şimdi oraya gidip URL'lerini kopyalamam ve ardından gerekli alanlara yapıştırmam gerekiyor.

Yukarıdaki 3 alanı da tamamladıktan sonra, bu alanların altındaki Değişiklikleri Kaydet düğmesine basın.

Aynı pencerede soldaki Ürünler (+) menüsünde çarpı (+) işaretine tıklayın. Burada Facebook Login kutusundaki Set Up butonuna basıyoruz.

Artık Ürünler (+) menüsünde Facebook Login isimli ürün görünecektir. Üzerine tıklayın ve ardından Hızlı Başlangıç seçeneğini seçin. Burada 4 seçenek göreceksiniz. Facebook Girişinizi bir web sitesi ile entegre etmeye çalışırken sadece 3. seçeneği – Web – seçin.

Bir sonraki ekranda, Site URL adlı boş bir alan olacaktır. Web sitenizin URL'si ile dolduralım. Bundan sonra, Kaydet'i tıklayın .

Şimdi, yapılandırmak için Facebook Login ürününde Ayarlar alt menüsüne gidin.

Geçerli OAuth Yönlendirme URI'leri bölümünde Geçerli OAuth Yönlendirme URI'leri alanını bulun. Bu kutuya aşağıdaki gibi bir URL doldurmalısınız:

http://web-site-alanınız/wp-login.php?loginSocial=facebook

Bu bağlantıyı kopyalayın ve web sitenizin alan adını web sitenizin alan adıyla değiştirin, ardından Değişiklikleri Kaydet 'i tıklayın .

2.4. Oluşturduğunuz Facebook uygulamasını etkinleştirin:

Geçerli sayfanın üst kısmında, Durum – Geliştirmede öğesinin yanındaki gri Kapalı düğmesine bakın. Uygulamanızı herkese açık hale getirmek için buna basın.

Yaklaşan açılır pencerede web sitenizin bir kategorisini seçin. ardından Onayla düğmesine basın.

Kapalı düğmesi artık Açık olarak değişir ve yeşil bir renge sahiptir. Ayrıca, Durum aynı zamanda Geliştirmede'den Canlı olacak şekilde değişir. Bu, Facebook Uygulamanızın etkinleştirildiği anlamına gelir.

Bu ayarı kaydetmek için Değişiklikleri Kaydet'e tekrar tıklamayı unutmayın.

3. Adım: Facebook Uygulamanızı sitenizdeki eklentiyle entegre edin

WordPress sitenizdeki Nextend Social Login eklentisinin ayar sayfasına geri dönün. Sayfanın alt kısmına bakın ve Facebook uygulamanızı tamamen kurduğunuzu ve yapılandırdığınızı onaylamak için Facebook uygulamamı kurmayı bitirdim düğmesini tıklayın.

Bu ekrana yönlendirileceksiniz:

Uygulama Kimliği (gerekli) ve Uygulama Sırrı (zorunlu) alanlarını Facebook Uygulama bilgilerinizle dolduralım ve Değişiklikleri Kaydet'e basalım .

Facebook Uygulamanızın gerekli bilgilerini almak için Geliştiriciler için Facebook ana sayfasına dönün. Kontrol panelinden Ayarlar > Temel'e gidin ve hangisini istediğinizi göreceksiniz. Bunları kopyalayın ve eklentinin ayarlar sayfasındaki alanlara yapıştırın.

Şimdi, yapılandırmanızın doğrulanması gerektiğine dair bir bildirim görünecektir. Yapılandırdığınız şeyi onaylamak için Ayarları Doğrula'ya basmanız yeterlidir .

Şu anda yeni bir pencere görünecek ve Facebook hesabınıza giriş yapmanızı isteyecektir. Facebook for Developer'da hesabı kaydetmek için kullandığınız hesapla oturum açın. Oturum açma işlemini tamamlamak için Devam et… seçeneğine basın.

Eklentiden testin başarılı olduğuna dair bir bildirim gösterilecektir. Bu, ayarınızın yapıldığı anlamına gelir.

Ancak, eklenti size sarı kutuda (aşağıdaki resimde olduğu gibi) Work Fine – Disabled şeklinde bir bildirim gösteriyorsa, bu, Facebook Uygulamasının web sitenizde etkinleştirilmediği anlamına gelir. Bu nedenle, Facebook Uygulamanızın sitenizde geçerli olmasına izin vermek için Etkinleştir düğmesine basın. Ardından Değişiklikleri Kaydet'e tıklayın.

Adım 4: Web'inizde "Facebook hesabıyla giriş yap" düğmesini görüntülemek için yeni bir sayfa ekleyin

WordPress Yönetici Panosu'nda Sayfalar > Yeni Ekle'ye gidin. Orada, web için Facebook uygulaması girişi gibi bir başlıkla web sitenize tamamen yeni bir sayfa ekleyeceksiniz .

Yeni sayfanın gövdesine, [ nextend_social_login ] kısa kodunu yazın ve sağ kenar çubuğundaki Yayınla'ya basın.

Şimdi, WordPress sitenizin Facebook girişi için zaten bir sayfası var.

Başarılı olup olmadığınızı kontrol edebilirsiniz. Oluşturduğunuz sayfanın kalıcı bağlantısını kopyalayın, mevcut web hesabınızdan çıkış yapın ve ardından yeni giriş sayfanıza erişmek için bağlantıyı gezinme çubuğuna yapıştırın.

Yeni giriş sayfanız aşağıdaki gibi görünecektir:

Yönetici hesabınıza giriş yapmak için geri döndüğünüzde, Facebook hesabını kullanarak giriş yapmak için bir seçeneğin daha eklendiğini göreceksiniz.

Bonus: “Facebook ile Devam Et” düğmesi nasıl özelleştirilir

Gördüğünüz gibi, varsayılan düğmede Facebook ile Devam Et yazısı bulunur ve klasik mavi renge sahiptir. Değiştirmek istiyorsanız, aşağıdakileri yapın:

Yönetici panosunda, Ayarlar > Sonraki Uç Sosyal Girişi'ne gidin, ardından Düğmeler sekmesini seçin.

Nextend Social Login eklentisinin sağladığı 3 butona karşılık gelen 3 alan olacaktır. Her düğmedeki metni düzenlemek için her alandaki metni değiştirin.

Orada:

• Giriş Etiketi: Bu etiket, kullanıcı sitenize giriş yapmak istediğinde buton üzerinde görüntülenir.
• Bağlantı Etiketi: Bu etiket, kullanıcı bir Facebook hesabını sitenize bağlamak istediğinde düğmede görüntülenir.
• Bağlantıyı Kaldır Etiketi: Bu etiket, kullanıcı sitenizden bir Facebook hesabının bağlantısını kaldırmak istediğinde düğmede görüntülenir.
• Varsayılan Düğme: Düğmenin varsayılan tasarımından memnunsanız, bu kutuyu boş bırakın. Aksi takdirde, düğmeyi istediğiniz gibi özelleştirmek için kutuyu işaretleyin.

Ayarlamanızı bitirdikten sonra Değişiklikleri Kaydet 'e tıklayın .

Açıklama

Siz ve başka herhangi bir kullanıcı bir Facebook hesabı kullanarak web sitenize yeni bir hesap açamazsanız, sitenizdeki üyelik ayarınızı yeniden kontrol edin.

Yönetici panosunda Ayarlar > Genel'e gidin . Üyelik ve Yeni Kullanıcı Varsayılan Rolü adlı iki seçenek olacaktır.

Üyelik bölümündeki Herkes kayıt olabilir kutusunun işaretli olduğundan emin olun.

Yeni Kullanıcı Varsayılan Rolü alanında yeni kayıt için uygun bir rol seçin. Sitem için bunu Customer olarak ayarladım.

Ayarlarınızı kaydetmek için aşağı kaydırın ve Değişiklikleri Kaydet'e tıklayın .

Artık herkes yeni hesabını kaydetmek için web sitenizin giriş sayfasındaki Facebook ile Devam Et düğmesini kullanabilir.

Son sözler

Bu oldukça uzun bir gönderi olmasına rağmen, en küçük kılavuzlardan biri ve WordPress için en iyi eklentiyi kullanıyor.

Ancak, aynı sonucu elde etmenin birçok yolu vardır. CSS veya PHP hakkında bilginiz varsa, WordPress web sitenizin bir Facebook hesabı ile giriş yapmasına izin vermesi için kesinlikle biraz kod yazarsınız .
Her neyse, WordPress'te bir Facebook hesabıyla başka basit yollarla nasıl giriş yapacağınızı biliyorsanız, aşağıya bir yorum bırakarak bizimle paylaşın. Teşekkürler!