Webisyo’ dan herkese merhabalar. Bugün ki makalemizi Webmaster kategorimiz altına ekliyoruz.
Makale konumuz ise siteye Facebook ile giriş yap ekleme hakkında olacak.
Artık ne iş yaptığımız fark etmeksizin pek çoğumuz bir web site sahibiyiz. Bir web sitesi pek çok amaca hizmet edebilir.
Sahip olduğunuz sitenin hangi amaca hizmet edeceğini yani hangi kategoride olacağını ise siz belirlersiniz. Ve bazı sitelerin bazı özelliklere sahip olması gerekir.
Örneğin; bir kişisel blog sitesinde hakkımda menüsü olması veya bir e-ticaret sitesinde sanal pos özelliği olması gibi.
Eğer sosyal bir siteniz var ise yani ziyaretçiler sitenize kayıt olabiliyor ve bir profil sahibi olabiliyorlarsa sitenizde mutlaka bir site giriş formu olması gerekir.
Daha doğrusu bir kayıt ve bir giriş formu. Böylece ziyaretçiler artık sitenize kayıt olarak boyut atlar ve profil sahibi birer kullanıcıya dönüşürler.
Bu yöntem ile sitenize kayıt olan kişilerin bilgilerine de sahip olursunuz. Web sitenize giriş yaptırmak için pek çok yöntem kullanabilirsiniz.
Ancak bize en önemli ve en kolay giriş yapma yöntemi nedir diye sorarsanız, tabi ki Facebook giriş yöntemi deriz.
Eğer web sitenize bir Facebook login butonu eklerseniz ziyaretçiler oldukça basit şekilde sitenize giriş yapabilirler.
WordPress Facebook Giriş Eklentisi
Peki siteye Facebook ile giriş yap özelliği nasıl eklenir ? gelin hep birlikte öğrenelim. Arkadaşlar bu yazımızda WordPress sitemize Facebook ile giriş özelliği nasıl eklenir ? onu öğreneceğiz.
Önemli Hatırlatma; Ancak başlamadan önce son bir önemli hatırlatma yapmak istiyorum. Sitenize Facebook login eklemek için bir Ssl sertifikanız olması gerekir. Yani site adresiniz https ile başlamalıdır. Ssl sertifikası olmayan siteler önce Ssl kurulumu yapıp daha sonra yazıyı okumaya devam edebilirler.
Öncelikle aşağıdaki adres ile Facebook uygulama ekleme ekranına ulaşalım.
https://developers.facebook.com/apps
Yukarıdaki adrese gittiğinizde karşınıza aşağıdaki ekran gelecektir. Bu ekranda hemen aşağıda da görmüş olduğunuz gibi sağ üstteki Add a New App butonuna basın.
Yukarıdaki butona bastığınızda karşınıza aşağıda gördüğünüz açılır pencere gelecektir.
Yukarıdaki ekranda gördüğünüz gibi doldurmanız gereken 2 yer var. Bu alanları hızlıca doldurup aşağıdaki Create App ID butonuna basarak devam edelim. Karşınıza aşağıdaki ekran gelecektir.
Facebook giriş uygulaması yapacağımız için yukarıda gördüğünüz gibi Facebook login alanı altındaki Set Up butonuna basalım. İlgili butona bastığınızda karşınıza aşağıdaki ekran gelecektir.
Yukarıdaki seçeneklerden Web olanı seçerek devam edelim. Web seçeneğini seçtiğinizde karşınıza aşağıdaki ekran gelecektir.
Yukarıdaki ekranda gördüğünüz gibi site adresinizi yazınız ve önce kaydet butonuna ve daha sonra ileri butonuna basarak devam ediniz.
Bundan sonraki adımları ise Next diyerek geçiniz. Şimdi sol kısımdan Settings – Basic adımlarını takip edin. İlgili alana girdiğinizde karşınıza aşağıdaki ekran gelecektir.
Burada yapmanız gereken yukarıda da gösterildiği gibi 3 alana site adresinizi girip ve aşağıdan kaydet butonuna basmaktadır.
Burayı da tamamladıktan sonra sol kısımda Facebook Login menüsünün altındaki Settings kısmına gelelim. İlgili alana geldiğinizde karşınıza aşağıdaki ekran gelecektir.
Yukarıdaki ekranda gördüğünüz gibi Redirects URLs kısmını doldurmamız gerekiyor. Bu alana gireceğimiz URL leri bize Facebook Login için kullanacağımız eklenti verecektir.
Eklentinin adı AccessPress Social Login Lite. Şimdi aşağıdaki bağlantı ile bu eklentiyi indirelim ve WordPress sitemize kuralım.
AccessPress Social Login Lite İndir
Arkadaşlar bu eklenti hem sitemizi Facebook’ da oluşturduğumuz uygulamamız ile bağlayacak hem de sitemizin istediğimiz yerine Facebook ile giriş yap butonu ekleyebilmemize olanak sağlayacaktır.
Eklentiyi kurduysak hemen WordPress panel sol kısımdan eklenti ayarlarına gidelim.
Eklenti ayarlarına girdiğinizde karşınıza gelen seçeneklerden Facebook’ u genişletince karşınıza aşağıdaki ekran gelecektir.
Bu ekranda yukarıda gördüğünüz 3 basit ayarı yapacağız. en yukarıdaki kutucuğu işaretleyerek eklentiyi aktif edeceğiz. Altındaki 2 kutucuğu ise Facebook uygulamamızı bağlamak için dolduracağız.
Bu kutucuklara uygulamamızın ID ve Secret kodunu gireceğiz. Bu kodları hatırlarsanız bir kaç adım önce Facebook uygulama ekleme ekranında Settings – Basic kısmına gitmiştik. Burada bulabilirsiniz.
İlgili alanı 2 resim yukarıya bakarak da görebilirsiniz. İlgili kodları eklenti ekranına yapıştırın ve kaydedin. Bu adımdan sonra yine eklentinin aynı ekranını biraz aşağı sürüklediğinizde aşağıdaki ekranı göreceksiniz.
İşte az önce Facebook Login – Settings kısmındaki Redirects URLs alanına yukarıda gördüğünüz eklentinin size verdiği 2 URl yi girip kaydedeceksiniz.
Artık her şey tamam. Şimdi test etmek için Görünüm – Bileşenler ile eklentiyi sitenizin belli bir yerinde göstererek giriş yapmayı deneyebilirsiniz.
Ayrıca eklenti ayarlarına giderek görünüm, yönlendirme veya bildirim gibi diğer ayarlara göz atabilirsiniz.
Önemli Not; Makaleyi çok daha iyi kavramak ve konu hakkında daha detaylı bilgi sahibi olmak için lütfen hemen aşağıda bulunan sizler için hazırladığımız makale videomuzu izleyiniz.
Makaleyi İzle.
Bizi Takip Ettiğiniz İçin Teşekkür Ederiz. Bir Sonraki Makalemizde Görüşmek Üzere.. | WEBİSYO
- Fascinated
- Happy
- Sad
- Angry
- Bored
- Afraid