WordPress'e Ön Yüz Giriş Sayfası ve Widget'ları Ekleme

Varsayılan WordPress giriş sayfası en iyi deneyimi sunmaz ve hatta kullanıcılarınızı kafasını karıştırabilir. Bu nedenle, kullanıcıların web sitenizin ana bölümünden doğrudan giriş yapmalarına olanak tanımak için bir ön yüz giriş sayfası eklemenizi öneririz.

Bu, erişilebilirliği ve genel kullanıcı memnuniyetini artırır. Ayrıca, kullanıcıların kenar çubukları veya altbilgiler gibi sitenizin çeşitli yerlerinden giriş formlarına erişmelerine olanak tanıyarak kullanışlıdır.

Daha iyi kullanılabilirlik için bu işlevselliği sunduğumuz birden fazla çevrimiçi mağaza ve web sitesi oluşturduk. Bu bize ön yüz oturum açma sayfaları için neyin işe yaradığını ve neyin yaramadığını öğretti.

In this article, we will show you how to easily add a front-end login page and widgets in WordPress.

WordPress'te Neden ve Ne Zaman Ön Yüz Girişine İhtiyacınız Var?

Varsayılan olarak, WordPress giriş sayfası WordPress markasını gösterecek ve genellikle mevcut WordPress web sitenizin tasarımıyla eşleşmeyecektir.

Bu, daha küçük WordPress blogları ve web siteleri için işe yarar.

Ancak, üyelik sitesi, çevrimiçi mağaza veya kullanıcıların kaydolup giriş yapabileceği başka bir siteniz varsa, ön uç giriş sayfası ve widget eklemek kullanıcılarınız için daha iyi bir deneyim sunar.

Hatta bu sayfayı markanızla özelleştirebilir veya WordPress kenar çubuğunuza basit bir giriş formu ekleyebilirsiniz.

Bununla birlikte, WordPress'te kolayca bir ön yüz giriş sayfası ve giriş widget'ı eklemenin yollarını görelim. Bu eğitimde, bunu yapmanın en kolay 3 yolunu göstereceğiz ve seçtiğiniz yönteme atlamak için aşağıdaki bağlantıları kullanabilirsiniz:

• Yöntem 1: WPForms ile WordPress'te Ön Yüz Giriş Sayfası ve Widget'ları Ekleme
• Yöntem 2: SeedProd ile WordPress'te Ön Uç Giriş Sayfası Ekleme
• Yöntem 3: Theme My Login ile WordPress'te Ön Yüz Giriş Sayfası ve Widget'ları Ekleme
• Uzman İpucu: WordPress Site Menünüze Giriş Düğmesi Ekleyin
• Bonus: WordPress Giriş Formuna CAPTCHA Ekleme
• Video Eğitim
• Sıkça Sorulan Sorular (SSS)

Yöntem 1: WPForms ile WordPress'te Ön Yüz Giriş Sayfası ve Widget'ları Ekleme

WPForms, piyasadaki en iyi WordPress iletişim formu eklentisidir ve 6 milyondan fazla web sitesi tarafından kullanılmaktadır. Web sitenizde kolayca özel bir ön yüz giriş sayfası ve giriş widget'ı oluşturmanıza olanak tanır.

WPBeginner'da iletişim formları ve yıllık anketler oluşturmak için kullandık ve mükemmel bir deneyim yaşadık. Daha fazla bilgi edinmek için detaylı WPForms incelememize bakın.

İlk olarak, WPForms eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Ayrıntılı talimatlar için lütfen WordPress eklentisinin nasıl kurulacağına dair başlangıç rehberimize bakın.

Upon activation, visit the WPForms » Settings page from the WordPress admin sidebar to enter your license key.

Bu anahtarı WPForms web sitesindeki hesabınızdan alabilirsiniz.

Bunu yaptıktan sonra, Kullanıcı Kaydı Eklentisini bulmak için WordPress kontrol panelinden WPForms » Eklentiler sayfasına gidin.

Ardından, web sitenize indirmek ve etkinleştirmek için 'Eklenti Yükle' düğmesine tıklayın.

Kullanıcı Kaydı eklentisi etkinleştirildiğinde, form oluşturucuyu başlatmak için yönetici kenar çubuğundan WPForms » Yeni Ekle ekranına gidin.

Buradan, oluşturmak üzere olduğunuz form için bir ad yazarak başlayın. Ardından, kullanıcı giriş formunuzu oluşturmaya başlamak için basitçe 'Kullanıcı Giriş Formu' şablonunu seçin.

Bu, şablonu form oluşturucuda başlatacaktır; burada sağda bir form önizlemesi ve solda mevcut alanların bir sütunu göreceksiniz.

Şablon zaten gerekli kullanıcı adı ve şifre alanlarını içeriyor. Ancak, formu özelleştirmek isterseniz, kenar çubuğundan ek alanları sürükleyip bırakabilirsiniz.

Daha fazla ayrıntı için, WordPress için özel bir giriş sayfası oluşturma kılavuzumuza bakın.

Once you are satisfied with your settings, just click the ‘Save’ button to store your changes.

Bir Sayfaya/Gönderiye Giriş Formu Ekle

Şimdi, giriş formunuzu bir sayfaya veya gönderiye eklemek için, yönetici alanından seçtiğiniz sayfa/gönderiyi WordPress blok düzenleyicisinde açın.

Oraya ulaştığınızda, blok menüsünü açmak ve WPForms bloğunu eklemek için '+' düğmesine tıklayın.

Bundan sonra, bloktaki açılır menüden oluşturduğunuz giriş formunu seçin.

Son olarak, ayarlarınızı kaydetmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklayın.

Web Sitesi Kenar Çubuğuna Giriş Formu Ekle

Giriş formunu web sitenizin kenar çubuğuna eklemek istiyorsanız, WordPress kontrol panelinden Görünüm » Widget'lar sayfasına gidin.

Burada, blok menüsünü açmak için ekranın sol üst köşesindeki ‘+’ düğmesine tıklayın.

Buradan, WPForms bloğunu bulup kenar çubuğuna eklemeniz gerekir.

Bunu yaptıktan sonra, bloktaki açılır menüden giriş formunu seçin.

Son olarak, ayarlarınızı kaydetmek için 'Güncelle' düğmesine tıklayın. Daha fazla ayrıntı için, WordPress kenar çubuğunuza giriş formu ekleme hakkındaki kılavuzumuza bakın.

Şimdi, kenar çubuğundaki giriş formunu görmek için WordPress sitenizi ziyaret edebilirsiniz.

Tam Site Düzenleyicisine Giriş Formu Ekleme

Eğer blok tabanlı bir tema kullanıyorsanız, yukarıdaki yöntemle oturum açma işleminizi web sitesi kenar çubuğuna ekleyemezsiniz.

FSE'ye bir giriş formu eklemek için WordPress kontrol panelinden Görünüm » Düzenleyici sayfasına gidin.

Bu, FSE'yi başlatacaktır; burada blok menüsünü açmak için '+' düğmesine tıklamanız gerekir.

Buradan, WPForms bloğunu bulun ve web sitenizde istediğiniz yere ekleyin.

Bundan sonra, bloktaki açılır menüden oluşturduğunuz giriş formunu seçin.

Finally, click the ‘Save’ button to store your settings.

Ek İpucu: Giriş formunuzu daha fazla özelleştirmek için, WordPress formlarınızı nasıl stilleştireceğiniz hakkındaki eğitimimize bakabilirsiniz.

Yöntem 2: SeedProd ile WordPress'te Ön Uç Giriş Sayfası Ekleme

SeedProd is the best WordPress drag-and-drop page builder on the market, used by over 1 million websites.

Mevcut web sitenizin tasarımına uyacak veya benzersiz bir şey olabilecek tamamen özel bir giriş sayfası oluşturmanıza olanak tanır.

Çok yeni başlayan dostudur ve giriş sayfanızı oluşturmak için kullanabileceğiniz tonlarca profesyonelce tasarlanmış giriş sayfası şablonuyla birlikte gelir.

İş ortağı markalarımızdan birkaçı, bu araçla giriş sayfaları da dahil olmak üzere tüm web sitelerini tasarladı. Daha fazla ayrıntı için tam SeedProd incelememize bakın.

Öncelikle, SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Ayrıntılar için, WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, WordPress yönetici kenar çubuğundan SeedProd » Açılış Sayfaları ekranını ziyaret edin ve 'Bir Açılış Sayfası Kur' düğmesine tıklayarak 'Giriş Sayfası' seçeneğini belirleyin.

Bu sizi, bir şablon seçebileceğiniz ve sayfayı özelleştirmek için sürükle ve bırak oluşturucuyu kullanabileceğiniz 'Şablonlar' ekranına yönlendirecektir.

Boş bir şablon kullanarak, sıfırdan özel bir ön yüz giriş sayfası bile tasarlayabilirsiniz.

Seçtiğiniz bir şablonu seçtikten sonra, bir Sayfa Adı girmeniz istenecektir. SeedProd daha sonra sayfa adını giriş formu açılış sayfanızın URL'si olarak kullanacaktır.

Bunu yaptıktan sonra, devam etmek için 'Kaydet ve Sayfayı Düzenlemeye Başla' düğmesine tıklayın.

This will launch SeedProd’s drag-and-drop builder, where you’ll see a login page preview on the right with available fields on the left.

Buradan, sol menüden sürükleyip istediğiniz yere yerleştirerek sayfaya herhangi bir blok ekleyebilirsiniz.

Daha fazla ayrıntı için, özel bir WordPress giriş sayfası oluşturma kılavuzumuza bakın.

Sayfanızı tasarlamayı bitirdiğinizde, ayarlarınızı kaydetmek için üstteki açılır menüdeki 'Yayınla' düğmesine tıklamayı unutmayın.

Bundan sonra, WordPress kontrol panelinize geri dönün ve SeedProd » Açılış Sayfaları'na gidin.

Buradan ‘Giriş Sayfası’ bölümünü bulun ve geçişi ‘Etkin Değil’den ‘Etkin’e değiştirmek için geçiş düğmesine tıklayın. Giriş sayfanız artık web sitenizde yayında olacak.

Yöntem 3: Theme My Login ile WordPress'te Ön Yüz Giriş Sayfası ve Widget'ları Ekleme

Sitenize çok basit bir ön yüz giriş sayfası eklemek isterseniz, ücretsiz Theme My Login eklentisini kullanabilirsiniz.

İlk olarak, eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.

Upon activation, the plugin will automatically create pages for login, logout, forget password, and registration.

Yönetici menüsünden Theme My Login » Genel sayfasına gidebilir ve eklenti ayarlarını görüntüleyebilirsiniz.

İlk olarak, giriş türünü ayarlayabilirsiniz. Giriş yapmak için e-posta ve şifre istediği için 'Varsayılan' ayarı en güvenlisidir.

Ardından, Kayıt ayarlarınızı seçebilirsiniz. Giriş yapmak için hem e-posta hem de şifre gerektirdiğinden varsayılan ayarları burada tuttuk.

Kullanıcıların kendi şifrelerini oluşturmalarına izin vermek için ‘Şifreler’ kutusunu ve kaydolduktan sonra kullanıcıları otomatik olarak oturum açtıran ‘Otomatik Oturum Açma’ kutusunu da kontrol edebilirsiniz.

Bundan sonra, 'Slug' ayarlarında giriş ve kayıt URL'lerinizi değiştirebilirsiniz.

Bunlar otomatik olarak yönlendirmeler oluşturur. Yani, standart "siteniz.com/wp-admin" giriş URL'si "siteniz.com/login" adresine yönlendirilecektir.

Bu URL'leri aynı tutabilir veya değiştirebilirsiniz.

Değişiklikleri yaptıktan sonra, ‘Değişiklikleri Kaydet’ düğmesine tıkladığınızdan emin olun.

Premium uzantılarını kullanmak için yükseltme yapmadığınız sürece daha gelişmiş işlevsellik ekleyemezsiniz.

Yine de, basit bir ön yüz giriş sayfası oluşturmak isteyen bütçe dostu kullanıcılar için iyi bir çözümdür.

Giriş Formunu Bir Sayfaya/Gönderiye Ekle

Şimdi, Theme My Login tarafından oluşturulan giriş formunu eklemek için WordPress blok düzenleyicisinde bir sayfa/gönderi açın.

Buradan, blok menüsünü açmak ve sayfaya Kısa Kod bloğunu eklemek için ‘+’ düğmesine tıklayın.

Bundan sonra, kısa kodu bloğa ekleyin:

[theme-my-login]

Son olarak, ayarlarınızı kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Şimdi giriş formunu görmek için web sitenizi ziyaret edin.

Bir Widget Alanına Giriş Formu Ekle

Ayrıca Theme My Login bloğunu kullanarak WordPress widget alanlarınıza bir giriş formu ekleyebilirsiniz.

Sadece Görünüm » Widget'lar sayfasına gidin ve '+' düğmesine tıklayarak blok menüsünü açın.

Buradan, Theme My Login bloğunu bulup istediğiniz widget alanına eklemelisiniz.

Ardından, bloktaki açılır menüden eklemek istediğiniz formu seçin.

Son olarak, ayarlarınızı kaydetmek için 'Güncelle' düğmesine tıklayın. Şimdi, widget alanındaki giriş formunu görüntülemek için WordPress sitenizi ziyaret edin.

Uzman İpucu: WordPress Site Menünüze Giriş Düğmesi Ekleyin

Artık bir ön yüz oturum açma sayfası oluşturduğunuza göre, oturum açma düğmesini gezinme menünüze ekleyerek kolayca erişilebilir hale getirmenizi öneririz.

Bu, kullanıcıların giriş sayfasını aramadan hesaplarını bulup erişebilmelerini sağlar.

Sitenizin menüsüne bir oturum açma düğmesi eklemek için WordPress kontrol panelinden Görünüm » Menüler sayfasına gidin.

Burada, sol sütundaki 'Özel Bağlantılar' sekmesini genişletin ve ön yüz oturum açma sayfanızın URL'sini ekleyin. Oturum açma düğmesi için bağlantı metnini de ekleyebilirsiniz.

Devam edin ve 'Menüye Ekle' düğmesine tıklayın.

Bundan sonra, 'Menüyü Kaydet' düğmesine tıklayın.

Şimdi Giriş düğmesini görmek için WordPress sitenizi ziyaret edin. Kullanıcılar tıkladığında, otomatik olarak ön yüz giriş formu sayfanıza yönlendirilecektir.

Ancak, blok teması kullanıyorsanız yukarıdaki yöntem çalışmayacaktır.

Bu durumda, WordPress yönetici kenar çubuğundan Görünüm » Düzenleyici sayfasına gidin.

Bu, Tam Site Düzenleyicisini başlatacaktır. Soldaki ana tasarım panelinde, sitenizin ana menüsünü düzenlemeye başlamak için 'Gezinme'yi seçin.

Bunu yapmak, gezinme menünüzü tam site düzenleyicisinde açacaktır. Burada, yanındaki '+' düğmesine tıklayın. Bu, ön yüz giriş sayfanızın adını yazmanız gereken bir istem açacaktır.

Sonuçlarda göründüğünde, bağlantıyı gezinme menüsüne eklemek için üzerine tıklayın.

Ardından, soldaki panelden 'Blok' sekmesine geçin.

Giriş düğmesinin bağlantı metnini istediğiniz gibi değiştirebilirsiniz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Şimdi oturum açma düğmesinin çalışır durumda olduğunu görmek için web sitenizi ziyaret edin.

Bonus: WordPress Giriş Formuna CAPTCHA Ekleme

Özel bir giriş formu ekledikten sonra, buna CAPTCHA eklemek iyi bir fikirdir çünkü bu sayfa genellikle bilgisayar korsanları ve spam gönderenler tarafından hedef alınır.

CAPTCHA eklemek spam botlarını engelleyebilir ve web sitenizi güvence altına alabilir. Bunu WPForms ile kolayca yapabilirsiniz.

Eklentiyi etkinleştirdikten sonra, WordPress kontrol panelinden WPForms » Ayarlar sayfasına gidin ve 'CAPTCHA' sekmesine geçin.

Bundan sonra, CAPTCHA türünüz olarak ‘reCAPTCHA’ seçeneğini seçin.

Bunu yaptıktan sonra, bir site anahtarı ve gizli anahtar oluşturmak için Google reCAPTCHA web sitesini ziyaret etmelisiniz. Bu anahtarlar, reCAPTCHA'yı WordPress sitenize entegre etmeye yardımcı olacaktır.

Bu anahtarları ekledikten sonra, daha önce oluşturduğunuz WordPress formunu düzenleyin ve 'Ayarlar' sekmesine geçin.

Ardından, ‘Spam Koruması ve Güvenlik’ seçeneğini seçin ve ‘Google v3 reCAPTCHA'yı Etkinleştir’ anahtarını açın. Ardından, ayarlarınızı kaydetmek için ‘Kaydet’ düğmesine tıklayın.

Artık WordPress giriş formunuza başarıyla CAPTCHA eklediniz, bu da onu spam botlarına ve otomatik saldırılara karşı çok daha güvenli hale getirdi.

Daha ayrıntılı talimatlar için, WordPress giriş ve kayıt formlarına CAPTCHA ekleme konusundaki eğitimimize bakabilirsiniz.

Video Eğitim

Yazılı talimatları tercih etmiyorsanız, video eğitimimizi izleyin:

WPBeginner'a Abone Olun

Sıkça Sorulan Sorular (SSS)

WordPress'te ön yüz giriş sayfaları ve widget'ları ekleme hakkında okuyucularımızın sıkça sorduğu bazı sorular şunlardır:

Her WordPress sitesi için ön yüz giriş sayfası gerekli midir?

Hayır, hiç de değil. Sadece yönetici veya editörlerin giriş yaptığı basit bir blog veya işletme web sitesi, varsayılan WordPress giriş sayfasını sorunsuz bir şekilde kullanabilir.

Ön yüz giriş sayfaları, kullanıcıların düzenli olarak giriş yaptığı siteler için en değerlidir, örneğin üyelik siteleri, çevrimiçi mağazalar veya forumlar.

Kullanıcıları giriş yaptıktan sonra belirli bir sayfaya nasıl yönlendirebilirim?

WPForms ve SeedProd dahil olmak üzere çoğu giriş sayfası eklentisi, oturum açtıktan sonra yönlendirmeleri işlemek için yerleşik ayarlara sahiptir.

Genellikle form veya sayfa ayarlarında, kullanıcıları göndermek istediğiniz belirli URL'yi, örneğin hesap panolarını veya yalnızca üyelere özel bir sayfayı girebileceğiniz bir seçenek bulabilirsiniz.

Başlamak için, WordPress'te başarılı giriş sonrası kullanıcıları nasıl yönlendireceğiniz hakkındaki eğitimimize göz atabilirsiniz.

Ön yüz formuma sosyal medya giriş düğmeleri ekleyebilir miyim?

Evet, yapabilirsiniz. Birçok kullanıcı kayıt ve giriş eklentisi, sosyal girişler için uzantılar veya entegrasyonlar sunar.

Örneğin, WPForms, 'Google ile Giriş Yap' veya 'Facebook ile Giriş Yap' düğmeleri eklemenize olanak tanıyan hizmetlerle entegre olur, bu da kullanıcılarınız için süreci daha da kolaylaştırır.

İlgileniyorsanız, size yardımcı olabilecek WordPress'e sosyal giriş ekleme hakkında bir eğitimimiz var.

Özel bir giriş sayfası web sitemin hızını etkiler mi?

SeedProd veya WPForms gibi kaliteli bir eklenti ile oluşturulduğunda, özel bir giriş sayfasının sitenizin hızını minimum düzeyde etkilemesi gerekir.

These tools are optimized for performance. The key is to use a well-coded plugin and avoid adding excessively large images or heavy scripts to your login page design.

Bu makalenin WordPress'te bir ön yüz oturum açma sayfası ve widget'ları eklemenize yardımcı olduğunu umuyoruz. Ayrıca en iyi WordPress oturum açma sayfası eklentileri hakkındaki uzman seçimlerimizi ve WordPress'te özel bir oturum açma URL'si ekleme rehberimizi de görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.