WordPress'te Düzgün Bir Giriş Sayfası Nasıl Oluşturulur (Adım Adım)

WordPress'te özel bir giriş sayfası oluşturup oluşturamayacağınızı hiç merak ettiniz mi?

Özel bir giriş sayfası oluşturmak, kullanıcılarınıza tutarlı bir marka göstermenize yardımcı olur ve bu da sitenize daha profesyonel bir görünüm kazandırır.

Bu makalede, WordPress'te nasıl özel bir giriş sayfası oluşturacağınızı göstereceğiz.

Özel WordPress Giriş Sayfası Oluşturma – İçindekiler

• Neden Özel Giriş Sayfası Oluşturmalısınız?
• Özel Giriş Sayfası Oluşturmak İçin Doğru Eklentiyi Seçme
• Yöntem 1 : Oturum Açma Sayfası Oluşturmak için SeedProd'u Kullanma
• Yöntem 2 : Giriş Sayfası Oluşturmak için WPForms Kullanma
• Yöntem 3 : Bir Giriş Sayfası Oluşturmak için Girişim temasını kullanma
• Yöntem 4 : Mevcut WordPress Giriş Sayfasını Eklenti Olmadan Özelleştirin
• Yöntem 5 : Eklenti Olmadan Her Yerde Giriş Formunu Göster

Neden Özel Giriş Sayfası Oluşturmalısınız?

Forum, üyelik sitesi, niş sosyal ağ veya kullanıcıların bir hesap açıp oturum açmasını gerektiren başka bir web sitesi gibi topluluk tarafından desteklenen bir web sitesi çalıştırıyorsanız, özel bir oturum açma sayfası oluşturmanız gerekir.

Varsayılan WordPress giriş sayfası genel ve sıkıcı görünüyor. Özel bir oturum açma sayfasıyla, form çevresindeki sayfadaki tüm öğeleri kişiselleştirebilirsiniz.

Özel bir giriş sayfanız varsa, isterseniz varsayılan giriş sayfasını gizleyebilirsiniz. Giriş spam'ini azaltabilir ve WordPress sitenizi güvende tutabilir.

Özel Giriş Sayfası Oluşturmak İçin Doğru Eklentiyi Seçme

Resmi WordPress eklenti deposunda, kolayca özel bir giriş sayfası oluşturmanıza yardımcı olacak düzinelerce farklı eklenti bulabilirsiniz. Bu yazıda 3 farklı eklentiye bakacağız: SeedProd, WPForms ve Theme My Login.

Özel giriş sayfaları, satış sayfaları, tercih sayfaları, çok yakında sayfalar, bakım modu sayfaları ve daha fazlasını oluşturmak için kullanımı kolay bir açılış sayfası oluşturucusuna ihtiyacınız varsa SeedProd'u seçin .

İşte SeedProd'un öne çıkan bazı özellikleri:

• Başlamanız için profesyonel olarak tasarlanmış giriş sayfası şablonları.
• Giriş sayfanızı sosyal profiller, video, referanslar, yıldız derecelendirmeleri ve daha fazlası gibi öğelerle tamamen özelleştirin.
• SeedProd ile oluşturduğunuz herhangi bir açılış sayfasına bir giriş formu ekleyin.

Kayıt formları, ödeme formları, iletişim formları vb. dahil olmak üzere her türlü çevrimiçi formu kolaylıkla oluşturmanıza yardımcı olacak tam özellikli bir WordPress form eklentisine ihtiyacınız varsa WPForms'u seçin .

WPForms'un birkaç avantajı şunlardır:

• Giriş formunuzu herhangi bir kısıtlama olmaksızın istediğiniz şekilde özelleştirin.
• Giriş formunuzu herhangi bir gönderi veya sayfada yayınlayın.
• Oturum açma formunuzu kenar çubuğuna ve hatta widget'lı altbilgiye gömün.

Kolaylıkla basit bir giriş sayfası oluşturmak istiyorsanız Tema Girişim'i seçin .

Tema Girişim'in birkaç özelliği aşağıdadır:

• Özel bir oturum açma sayfası oluşturmak için yapılandırma gerekmez.
• Varsayılan oturum açma sayfasını otomatik olarak gizler ve yeni oluşturulan oturum açma sayfasına yönlendirir.
• Özel bir giriş widget'ı ile kenar çubuğunuza bir giriş sayfası bağlantısı ekleyin.

Dezavantajı ise, SeedProd ve WPForms'tan farklı olarak Theme My Login, giriş formunuzu sitenizin herhangi bir yerine yerleştirmenize izin vermez ve yalnızca giriş sayfanızda görünür. Diğerleri gibi tam özellikli bir form eklentisi olmadığı için, giriş formunuzu özelleştirme yeteneği sınırlıdır.

Yöntem 1: Oturum Açma Sayfası Oluşturmak için SeedProd'u Kullanma

İlk olarak, adım adım SeedProd ile özel bir oturum açma sayfasının nasıl oluşturulacağına bakalım.

Adım 1: Sitenize SeedProd'u Kurun

Başlamak için SeedProd eklentisini indirmeniz gerekir. Ardından, eklentiyi WordPress sitenize yükleyin ve etkinleştirin.

Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına ilişkin bu öğreticiyi izleyin.

Eklentiyi etkinleştirdikten sonra, lisans anahtarınızı girmeniz gereken bir karşılama ekranı göreceksiniz. Lisans anahtarınızı SeedProd web sitesinde hesabınızdan bulabilirsiniz.

Lisans anahtarınız doğrulandıktan sonra sayfayı aşağı kaydırın ve İlk Sayfanızı Oluşturun düğmesine tıklayın.

Ardından, SeedProd panosuna yönlendirileceksiniz. Burada oluşturabileceğiniz farklı açılış sayfası türlerini görebilirsiniz. Başlamak için bir Giriş Sayfası Ayarla'ya tıklayın.

2. Adım: Bir Giriş Sayfası Şablonu Seçin

Bu adımda, bir oturum açma sayfası şablonu seçmeniz istenecektir. SeedProd, aralarından seçim yapabileceğiniz bir dizi profesyonelce tasarlanmış şablon sunar.

Tasarımınıza sıfırdan başlamak istiyorsanız kullanabileceğiniz bir Boş şablon da vardır.

Bir giriş sayfası şablonu seçmek için üzerine gelin ve onay işareti simgesine tıklayın.

Ardından, şablonu özelleştirmenin zamanı geldi.

3. Adım: Giriş Sayfanızı Özelleştirin

SeedProd'un en iyi yanı, sürükle ve bırak görsel oluşturucuyu kullanarak giriş sayfanızı kolayca özelleştirebilmenizdir. İlk olarak, şablondaki mevcut herhangi bir öğeyi üzerine tıklayarak özelleştirebilirsiniz.

Örneğin, metni, boyutu, hizalamayı, tipografiyi ve daha fazlasını değiştirmek için "Oturum Aç" başlığına tıklayabilirsiniz.

Giriş sayfanıza yeni içerik eklemek için SeedProd'un hazır açılış sayfası bloklarını kullanabilirsiniz.

Görsel oluşturucunun sol tarafında resim, video, düğme, sosyal profiller, geri sayım sayacı, ilerleme çubuğu ve daha fazlası gibi açılış sayfası blokları bulunur.

İstediğiniz bloğu sürükleyin ve giriş sayfanıza bırakın. Yine, stili, boyutu, hizalamayı vb. özelleştirmek için bloğa tıklayabilirsiniz.

SeedProd ayrıca Giriş sayfanıza ekleyebileceğiniz Özellikler, SSS, Altbilgi ve diğerleri gibi önceden oluşturulmuş bölümler sunar.

Basitçe bir bölüme tıklayın ve SeedProd bunu otomatik olarak sayfanıza ekleyecektir.

Ayrıca, her bir öğeyi tek tek değiştirmek yerine, tüm giriş sayfanızın arka plan resmini, yazı tipini ve renklerini değiştirmek için alt köşedeki SeedProd'un Genel Ayarlarına gidebilirsiniz.

Örneğin, oturum açma sayfanızın renk düzenini değiştirmek istiyorsanız, SeedProd, uyumlu bir görünüm oluşturmak için kullanabileceğiniz 20'den fazla renk paleti sunar.

Giriş sayfanızın görünümünden memnun kaldığınızda, sağ üst köşedeki Kaydet'e tıklayın .

4. Adım: Giriş Sayfası Ayarlarınızı Yapılandırın

Giriş sayfanıza bir e-posta tercih formu eklerseniz, bunu Bağlan sekmesinde e-posta pazarlama hizmetinize bağlayabilirsiniz.

Tercih ettiğiniz e-posta pazarlama sağlayıcısına tıklayın ve hesabınızı bağlamak için talimatları izleyin. Artık, birisi tercih formu aracılığıyla e-posta adresini sağladığında, otomatik olarak e-posta listenize eklenecektir.

Diğer ayarları yapılandırmak için Sayfa Ayarları sekmesine de gidebilirsiniz.

Bu sayfadaki ayarlar şunları içerir:

• Genel – Giriş sayfası adınızı ve URL'nizi değiştirin, bir SeedProd satış ortağı bağlantısı görüntüleyin ve daha fazlasını yapın.
• SEO – Sayfanızın SEO başlığını, meta açıklamasını vb. ayarlayın. All in One SEO gibi bir SEO eklentisi kullanıyorsanız, bunu ayarlarına kısayol olarak kullanabilirsiniz.
• Analytics – MonsterInsights gibi bir analiz eklentisi kullanarak giriş sayfanızın performansını izleyin.
• Komut Dosyaları – Tanımlama bilgileri veya Facebook izleme pikselleri gibi izleme ve yeniden hedefleme komut dosyalarını kullanın.

Ayarlarınızı kaydetmek için Kaydet düğmesine tıklamayı unutmayın.

Adım 5: Giriş Sayfanızı Yayınlayın

Şimdi özel giriş sayfanızı sitenizde yayınlama zamanı. Bunu yapmak için yeşil Kaydet düğmesinin yanındaki açılır oka tıklayın ve Yayınla düğmesine basın.

Ardından, giriş sayfasının artık yayında olduğunu bildiren bir başarı mesajı göreceksiniz.

Yeni özel giriş sayfanızı görüntülemek için Canlı Sayfayı Gör'e tıklayın.

Son adım, WordPress yönetici alanınızda giriş sayfası modunu etkinleştirmektir. Bu kulağa zor gelebilir, ancak SeedProd bunu çok kolaylaştırıyor.

Basitçe görsel açılış sayfası oluşturucudan çıkın ve ana SeedProd panosuna geri dönün. Giriş Sayfası bölümü altında, etkin değil Aktif için geçiş düğmesi.

Bu kadar! Artık WordPress giriş sayfanız özel bir tasarıma sahip.

Yöntem 2: Giriş Sayfası Oluşturmak için WPForms Kullanma

Şimdi WPForms ile nasıl login sayfası oluşturulacağına bir göz atalım.

Adım 1: Sitenize WPForms yükleyin

Yapmanız gereken ilk şey, WPForms eklentisini kurmak ve etkinleştirmektir. WPForms » Ayarlar'a giderek lisans anahtarınızı doğruladığınızdan emin olun. Lisans anahtarını WPForms web sitesindeki hesabınızdan alabilirsiniz.

WPForms ile özel bir giriş sayfası oluşturabilmek için, WPForms » Eklentiler bölümüne giderek Kullanıcı Kaydı eklentisini yüklemeniz gerekir. Kullanıcı Kaydı Eklentisinin yanındaki Eklentiyi Yükle'ye ve ardından Etkinleştir'e tıklayın.

Eklenti etkinleştirildikten sonra, devam edip WPForms ile bir kullanıcı oturum açma formu oluşturabilirsiniz.

2. Adım: Özel Bir Giriş Formu Oluşturun

WPForms'un güçlü sürükle ve bırak oluşturucusu ile, tek bir kod satırı yazmadan saatler değil, yalnızca birkaç dakika içinde bir oturum açma formu oluşturabilirsiniz.

Bir giriş formu oluşturmak için WPForms » Yeni Ekle sayfasını ziyaret edin. Form kurulum sayfasında, bir oturum açma formu oluşturmak için Kullanıcı Oturum Açma Formu şablonunu seçmeniz gerekir.

Artık oturum açma formu alanlarını ekleyebileceğiniz, özelleştirebileceğiniz ve kaldırabileceğiniz form oluşturucuyu göreceksiniz. Varsayılan olarak, oturum açma formu şablonu şu form alanlarını ekler: Kullanıcı adı ve Parola .

Sayfa oluşturucuda üzerine tıklayarak herhangi bir alanı özelleştirebilirsiniz. Ardından sol taraftaki panelde istediğiniz özelleştirmeleri yapabilirsiniz.

3. Adım: Form Yapılandırması

Genel ayarları yapılandırmak için Ayarlar » Genel seçeneğine gidebilirsiniz. Bu sayfada, form adını, açıklamasını, gönder düğmesi metnini vb. özelleştirebilirsiniz.

Özel oturum açma formunuz için Bildirimler sekmesinde herhangi bir şey yapmanız gerekmez. Varsayılan olarak, bildirimler kapalıdır, bu nedenle biri sitenize giriş yaptığında e-posta almazsınız.

Bir kullanıcı, özel oturum açma formunuz aracılığıyla oturum açtığında, web sitenizin ana sayfasına gider. Yönlendirme URL'sini, isterseniz, Onay Yönlendirme URL'si alanında değiştirebilirsiniz.

4. Adım: WordPress Formunuzu Yayınlayın

Bir oturum açma formu oluşturmak için WPForms kullanmanın temel faydalarından biri, formunuzu sitenizin herhangi bir yerine, gönderiler, sayfalar, kenar çubuğu widget'ları veya widget'lı altbilgi alanları dahil olmak üzere yerleştirmenize izin vermesidir.

Formunuzu yazılarda veya sayfalarda nasıl yayınlayacağınıza bir göz atalım.

WordPress'te yeni bir gönderi veya sayfa oluşturun ve ardından Gutenberg blok düzenleyicisindeki + simgesine tıklayın. WPForms bloğunu arayabilir ve üzerine tıklayabilirsiniz.

Ardından, WPForms bloğunda giriş formunuzu seçin ve otomatik olarak yazınıza / sayfanıza yüklenecektir.

Formu ekledikten sonra yazınızı/sayfanızı yayınlayabilirsiniz.

Giriş formunu aşağıdaki gibi kenar çubuğu widget'ınıza da ekleyebilirsiniz. Görünüm » Widget'lara gidin ve WPForms widget'ını kenar çubuğunuza ekleyin.

Widget'ın ayarlarında özel oturum açma formunuzu seçin ve değişiklikleri kaydetmek için Kaydet düğmesine tıklayın .

Yöntem 3: Bir Giriş Sayfası Oluşturmak için Girişim temasını kullanma

Theme My Login eklentisi, WordPress sitenizde özel bir giriş formu yayınlamayı çok kolaylaştırır. Basit bir giriş sayfası oluşturmak için tek yapmanız gereken Theme My Login eklentisini kurmak ve etkinleştirmek.

Eklenti, başka bir yapılandırma olmadan kutunun dışında çalışır.

Ancak, eklenti ayarlarını özelleştirmeniz gerekirse, WordPress panonuzdaki Tema Girişim menüsüne tıklayabilirsiniz.

Daha sonra oturum açma ve kayıt türlerini değiştirebilirsiniz. Ayrıca oturum açma, oturum kapatma, kayıt, kayıp parola ve parola sıfırlama sayfaları için URL sümüklü böceklerini de ayarlayabilirsiniz.

Yöntem 4: Mevcut WordPress Giriş Sayfasını Eklenti Olmadan Özelleştirin

Yeni bir tane oluşturmak yerine mevcut giriş sayfanızda değişiklik yapmayı veya özel stil eklemeyi tercih ediyorsanız, bunu nasıl yapacağınız aşağıda açıklanmıştır.

Bu kodu temanızın function.php dosyasına veya siteye özel bir eklentiye eklemeniz yeterlidir:

//Custom login page
function clp_login_head() {
		
	echo '<style>'; //Begin custom styles
	echo '.login #nav a, .login #backtoblog a { color: # !important; }'; //Login page link color
	echo '.login h1 a { background:url("' . get_bloginfo('stylesheet_directory') . '/images/IMAGE GOES HERE"); width: px; height: px; }'; //Login page logo
	echo '.login .button-primary { background:#; border-color:#; }'; //Login page button color
	echo '</style>'; //End custom styles
		
}
add_action('login_head', 'clp_login_head');

WordPress giriş sayfası için özel stilinizi eklemek için yukarıdaki koddaki CSS ve resim URL'sini değiştirebilirsiniz.

Yöntem 5: Eklenti Olmadan Her Yerde WordPress Giriş Formunu Görüntüleyin

WordPress giriş formunu herhangi bir sayfada, kenar çubuğunda veya alt bilgi alanında görüntülemek istiyorsanız, bu kodu temanızın şablon dosyasına ekleyebilirsiniz:

<?php
          wp_login_form();
?>

Yukarıdaki kod, kodu eklediğiniz konumda yalnızca genel WordPress giriş sayfasını görüntüler. Ek alanlar ve seçenekler içeren özel bir WordPress form sayfası eklemek isterseniz, bu kodu kullanabilirsiniz:

<?php $args = array(
        'echo' => true,
        'redirect' => 'http://wpsnipp.com',
        'form_id' => 'loginform',
        'label_username' => __( 'Username' ),
        'label_password' => __( 'Password' ),
        'label_remember' => __( 'Remember Me' ),
        'label_log_in' => __( 'Log In' ),
        'id_username' => 'user_login',
        'id_password' => 'user_pass',
        'id_remember' => 'rememberme',
        'id_submit' => 'wp-submit',
        'remember' => true,
        'value_username' => NULL,
        'value_remember' => false );
wp_login_form($args);
?>

Yararlı bulacağınız birkaç kod parçacığı daha:

• .htaccess dosyası aracılığıyla oturum açma URL'nizi değiştirin
• Giriş URL'nizi function.php ile değiştirin
• Hata oluştuğunda WordPress giriş sallama efektini kaldırın

Bu kadar!

Bu kılavuzun WordPress'te özel bir giriş sayfası oluşturmanıza yardımcı olacağını umuyoruz. Bu makaleyi beğendiyseniz, WordPress için en iyi iletişim formu eklentileri hakkındaki makalemizi de okumak isteyebilirsiniz.