Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Ön Uç Giriş Sayfası ve Widget’lar Nasıl Eklenir

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’te bir ön uç giriş sayfası ve widget’lar eklemek ister misiniz?

Varsayılan WordPress giriş sayfası en iyi kullanıcı deneyimini sağlamaz ve kullanıcılarınızın kafasını karıştırabilir. Bir ön uç giriş sayfası eklemek, kullanıcılarınızın doğrudan web sitenizin ön ucundan giriş yapmasını sağlar.

Bu makalede, WordPress’te nasıl kolayca ön uç giriş sayfası ve widget’lar ekleyebileceğinizi göstereceğiz.

How to add a front-end login page and widgets in WordPress (3 ways)

WordPress’te Ön Uç Girişine Neden ve Ne Zaman İhtiyaç Duyarsınız?

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.

Default WordPress login page

Bununla birlikte, bir üyelik siteniz, çevrimiçi mağazanız 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 nasıl kolayca bir ön uç giriş sayfası ve giriş widget’ı ekleyebileceğimizi görelim. Bu eğitimde size bunu yapmanın en kolay 3 yolunu göstereceğiz ve siz de aşağıdaki bağlantıları kullanarak istediğiniz yönteme geçebilirsiniz:

Video Eğitimi

Subscribe to WPBeginner

Yazılı talimatları tercih ediyorsanız, okumaya devam edin.

Yöntem 1: WPForms ile WordPress’e Ön Uç Giriş Sayfası ve Widget’lar Ekleyin

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

Öncelikle WPForms eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılı talimatlar için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.

Not: WPForms’un ücretsiz bir sürümü de vardır. Ancak, Kullanıcı Kaydı eklentisinin kilidini açmak için eklentinin premium sürümüne ihtiyacınız olacaktır.

Etkinleştirmenin ardından, lisans anahtarınızı girmek için WordPress yönetici kenar çubuğundan WPForms ” Ayarlar sayfasını ziyaret edin.

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

Enter WPForms license key

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

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

Install user registration and login forms addon

Kullanıcı Kaydı eklentisinin etkinleştirilmesinin ardından, 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. Bundan sonra, kullanıcı giriş formunuzu oluşturmaya başlamak için ‘Kullanıcı Giriş Formu’ şablonunu seçmeniz yeterlidir.

Choose the user login form template

Bu, sağda bir form önizlemesi ve solda kullanılabilir alanların bir sütununu göreceğiniz form oluşturucuda şablonu başlatacaktır.

Şimdi, giriş formunuzu oluşturmak için sol sütundaki alanları sürükleyip bırakın. Daha fazla ayrıntı için WordPress için özel bir giriş sayfasının nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

Ayarlarınızdan memnun kaldığınızda, değişikliklerinizi kaydetmek için ‘Kaydet’ düğmesine tıklamanız yeterlidir.

WPForms login form

Sayfaya/Yazıya Giriş Formu Ekleme

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

Oraya geldiğinizde, blok menüsünü açmak için ‘+’ düğmesine tıklayın ve WPForms bloğunu ekleyin.

Add login form

Bundan sonra, bloğun içindeki 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 Ekleme

Giriş formunu web sitenizin kenar çubuğuna eklemek istiyorsanız, WordPress kontrol panelinden Görünüm ” Widget ‘lar sayfasını ziyaret edin.

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

Buradan, WPForms bloğunu bulmanız ve kenar çubuğuna eklemeniz gerekir.

Add WPForms block to the sidebar

Bunu yaptıktan sonra, bloğun içindeki 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 nasıl giriş formu ekleyeceğinize ilişkin kılavuzumuza bakın.

Artık WordPress sitenizi ziyaret ederek kenar çubuğundaki giriş formunu görüntüleyebilirsiniz.

WPForms login widget display

Tam Site Düzenleyicisine Giriş Formu Ekleme

Blok tabanlı bir tema kullanıyorsanız, yukarıdaki yöntemi kullanarak web sitesi kenar çubuğuna giriş bilgilerinizi ekleyemezsiniz.

FSE’ye bir giriş formu eklemek için WordPress panosundan Görünüm ” Düzenleyici sayfasını ziyaret edin.

Bu, blok menüsünü açmak için ‘+’ düğmesine tıklamanız gereken FSE’yi başlatacaktır.

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

Add the WPForms block in the FSE

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

Son olarak, ayarlarınızı kaydetmek için ‘Kaydet’ düğmesine tıklayın.

Bonus İpucu: Giriş formunuzu daha da özelleştirmek için WordPress formlarınızı nasıl şekillendireceğinize ilişkin eğitimimize bakabilirsiniz.

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

SeedProd, 1 milyondan fazla web sitesi tarafından kullanılan, piyasadaki en iyi WordPress sürükle ve bırak sayfa oluşturucusudur.

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

SeedProd login page example

Oldukça acemi dostu ve giriş sayfanızı oluşturmak için kullanabileceğiniz profesyonelce tasarlanmış bir ton giriş sayfası şablonuyla birlikte geliyor.

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

Etkinleştirmenin ardından, WordPress yönetici kenar çubuğundan SeedProd ” Açılış Sayfaları ekranını ziyaret edin ve ‘Bir Giriş Sayfası Kur’ düğmesine tıklayarak ‘Giriş Sayfası’ seçeneğini seçin.

Set up login page

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

Hatta boş bir şablon kullanarak sıfırdan tamamen özel bir ön uç giriş sayfası tasarlayabilirsiniz.

SeedProd login page templates

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

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

Enter login page details

Bu, SeedProd’un sürükle ve bırak oluşturucusunu başlatacak ve burada sağda bir giriş sayfası önizlemesi ve solda kullanılabilir alanlar göreceksiniz.

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

Daha fazla ayrıntı için özel bir WordPress giriş sayfasının nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

Login Page in SeedProd

Sayfanızı tasarlamayı tamamladıktan sonra, ayarlarınızı kaydetmek için üstteki açılır menüde yer alan ‘Yayınla’ düğmesine tıklamayı unutmayın.

Yöntem 3: Giriş Temam ile WordPress’e Ön Uç Giriş Sayfası ve Widget’lar Ekleyin

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

Öncelikle eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki başlangıç kılavuzumuza bakın.

Etkinleştirmenin ardından, eklenti otomatik olarak giriş, çıkış, şifremi unuttum ve kayıt sayfaları oluşturacaktır.

Yönetici menüsünden Tema Girişlerim ” Genel sayfasına gidebilir ve eklenti ayarlarını görüntüleyebilirsiniz.

İlk olarak, giriş türünü ayarlayabilirsiniz. ‘Varsayılan’ ayarı, oturum açmak için bir e-posta ve parola istediğinden en güvenli ayardır.

Theme My Login settings

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

Ayrıca, kullanıcıların kendi parolalarını oluşturmalarına izin vermek için ‘Parolalar’ kutusunu ve kayıt olduktan sonra kullanıcıların otomatik olarak oturum açmasını sağlayan ‘Otomatik Oturum Açma’ kutusunu işaretleyebilirsiniz.

Theme My Login registration settings

Bundan sonra, giriş ve kayıt URL’lerinizi ‘Slugs’ ayarlarından değiştirebilirsiniz.

Bunlar otomatik olarak yönlendirmeler oluşturur. Böylece, standart “yoursite.com/wp-admin” giriş URL’si “yoursite.com/login” adresine yönlendirilir.

Theme My Login URL slug settings

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

Değişiklik yapmayı tamamladığınızda, ‘Değişiklikleri Kaydet’ düğmesine tıkladığınızdan emin olun.

Save Theme My Login settings

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

Yine de, basit bir ön uç giriş sayfası oluşturmak isteyen bütçesi kısıtlı kullanıcılar için iyi bir çözümdür.

Oturum Açma Formunu Sayfaya/Gönderiye Ekleme

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

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

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

[theme-my-login]

Add theme my login shortcode

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

Şimdi, giriş formunu görüntülemek için web sitenizi ziyaret edin.

Login page preview

Widget Alanına Giriş Formu Ekleme

Ayrıca Tema Giriş Bilgilerim bloğunu kullanarak WordPress widget alanlarınıza bir giriş formu ekleyebilirsiniz.

Basitçe 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 bulmalı ve seçtiğiniz widget alanına eklemelisiniz.

Add Theme My Login block to the widget area

Bundan sonra, bloğun içindeki 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.

Theme My Login block preview in the sidebar

Bonus: WordPress Giriş Formuna CAPTCHA Ekleyin

Özel bir giriş formu ekledikten sonra, bu sayfaya CAPTCHA eklemek iyi bir fikirdir çünkü bu sayfa genellikle bilgisayar korsanları ve spam gönderenler için bir hedeftir.

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

The WPForms website

Eklenti etkinleştirildikten sonra, WordPress kontrol panelinden WPForms ” Ayarlar sayfasını ziyaret edin ve ‘CAPTCHA’ sekmesine geçin.

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

Select CAPTCHA type in WPForms

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 etmenize 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üvenliği’ 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.

Enable the reCAPTCHA in the form

Artık WordPress giriş formunuza CAPTCHA’yı başarıyla eklediniz ve tamamen güvenli hale getirdiniz. Daha ayrıntılı talimatlar için WordPress giriş ve kayıt formlarına CAPTCHA ekleme hakkındaki eğitimimize bakabilirsiniz.

Umarız bu makale WordPress’te ön uç giriş sayfası ve widget’lar eklemenize yardımcı olmuştur. WordPress için en iyi üyelik eklentileri uzman seçimlerimizi ve web sitenizin hızını ve performansını artırmak için nihai kılavuzumuzu da görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

40 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Guy says

    This plugin is no longer free.
    It allows only the most basic functions now.
    All the other stuff if set as extensions

    • WPBeginner Support says

      Thank you for letting us know, we’ll be sure to take a look at it and update our article when able.

      Yönetici

  3. Ethan says

    Excellent video voice over perfect very professionnal THANK YOU! The only problem is the video is outdated. The plugin developer made is plugin from free to paid! So we have no access to what you explained :(

  4. Bobby says

    Hi, I have a problem that I don’t have the pages. I add their ‘Actions’ but it doesn’t shows anything in the Primary menu.
    I download & installed it.
    What should I do?

  5. Angela Baker says

    This video is very well done. Thank you for explaining everything so well.

    I was using WP Default login for people to register for my site, but now that isn’t working for some reason. Will this plug in work instead? I don’t want to change any of my admin login, just need a way for the public to register.

  6. Navi Singh says

    Hi dear,

    how to enable to any user for post directly there after a login there. if some suitable plugin is avaliable for user post please help me to do that.

    Thanks

  7. Chantal says

    Hi. I have followed your instructions on my WP blog, and the front log in/registration page comes up. But when some one tried to register, it comes up with an error saying “User registration is currently not allowed.”
    I have it set up for new user approval.

    Can you please help me understand what I have done wrong and how I can get it working.
    thanks

  8. Doug Poffinbarger says

    That was very helpful and well done. Any idea how to add a login authentication in the middle of a post? Instead of downloading a freebie to capture email subscribers, I’d like to require subscription or login in order to “read more” of a given post. This has been really hard to find via google searches. Ideally, it would be a tiny inline form or popup at the end of the truncated article and once they subscribed or logged in, they would automatically see the rest of the article and any others while subscribed.

  9. Jeff says

    Hello, how do i remove some sections from the user profile page?
    The name and type of the form is shown to users on their profile page; please how do i address this?

  10. HELENANG says

    I can see that TML provides quite a lot of functionality.
    I am simply looking for a login option which will return the user to the page they have come from on our website instead of their profile page. Is there a simpler plugin you would recommend to do just that w/o the chance of conflicting with other plugins? Thanks.

  11. HELENANG says

    Does This My Login work well with Simple Access Control plugin which provides private access to certain pages of the website?
    Does it conflict with the Security provided by the WordFence Security plugin, e.g., Lockout for a certain amount of time after a number of unsuccessful login attempts?
    Thanks.

  12. graham says

    There seem to be quite a few comments on google that woocomerce and TML dont play well together any truth to that?

  13. Don Tedlock says

    I’m getting an extra, unformatted login and lost password link on my Registration form. How do I remove these links?

    • Samuel Nyamavor says

      I’m getting an extra, unformatted login and lost password link on my Registration form. How do I remove these links?

  14. Tim says

    Is there a way to add a contact form that saves history with this plugin?

    Essentially they would login, they would see an “order form” they could then place an “order”, it would email someone there order. But it would also save their order history so that they could re order items.

    Even if you could point me in the right direction, that would be super helpful!

    Thanks.

  15. oliverosM says

    why is it that every one puts in their title how to do something and it ends up being a plugin setup and not what it says i was expecting something else but it seems every body does the same its easy saying how to make something when its just only a plugin.
    Well its a nice article any way.

  16. Leonard Rattini, CCP says

    Firstly, I do want to commend you for your help to understand WP.

    However, as most apps tend to do, and your teaching to accomplish, as well: you headline with a “How to…” complex caption. I prefer to see a headline to include a single noun and single verb that explains “why” I need to do something. Then in its body’s detail instructions, it’s there that tells me “how” to satisfy its “single-purpose” why-objective.

    All application sources need to understand, theirs is not the only one we users use. As their “How to’s,” to explain, it’s not always clear what is to be satisfied, and for sure its how-to actions to execute, is not a simple step down bing-bing and done, procedure function.

    My 30-years in computer application design is my platform to make this statement. Leonard Rattini, CCP

  17. Ochelh says

    Hello,

    Very nice tuto. I’de like to add login/logout link to my top menu, this link should switch between login and logout depending if the user is logged in or not. Is it possible to do this with TML and how ?

    Regards,

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.