Bir eklenti kullanmadan WordPress’te giriş sayfası nasıl oluşturulur
Bu öğreticinin eklenti hedefi olmadan WordPress’te bir giriş sayfası oluşturun WordPress varsayılan girişi gibi bir oturum açma sayfası oluşturmanıza yardımcı olmak için, girişten sonra WordPress kontrol paneline erişmenizi sağlayan bir oturum açma sayfası oluşturmanıza yardımcı olur. İdeal olarak, bu özel oturum açma sayfası, sitenizin kullanıcı girişinin bulunduğu bir ön uç oturma sayfası olmalıdır. Girişte bahsettiğim gibi, bu öğreticide tartışacağımız iki yol var;
Kısa Kod Giriş Sayfası
Oturum Açma Şablonu Özel Sayfası
Kısa Kod Oluşturun WordPress’te herhangi bir yerde bir oturum açma sayfası oluşturmak istediğimizde ilk adımı girin. Kısa kodlar herhangi bir sayfaya veya herhangi bir yayına veya hatta özel bir widget ve şablona eklenebilir.
Bu adımda, giriş formunu WordPress’te veya bir yayındaki herhangi bir sayfada yayınlamak için kullanılacak giriş formu için kısa bir kod oluşturacağız. Bu yaklaşım, kullanıcılara sitelerindeki herhangi bir bölümde bir oturum açma sayfası oluşturma esnekliği sağlar. Kısa kod oluşturmak için aşağıdaki kodu kullanacağız: // Kısa bir kod oluşturun LoginFunction Form Njengah_add_login_shortcode () {{
add_shortcode (‘njengah-login-form’, ‘njengah_login_form_shortcode’);
} Bir işleve kısa bir kod ekledik, böylece daha sonra başlatabiliriz. Add_shortcode işlevi WordPress’te kısa bir kod oluşturur. Add_shortcode () işlevinin genel ifadesi aşağıdaki gibidir:
Add_shortcode (String $ tag, $ callback olarak adlandırılabilir) gördüğünüz gibi, bu işlevin aşağıdaki gibi iki parametresi vardır: parametreler
açıklama T>
Kısa kod işlevlerini oluşturacak. Örneğin, bu durumda, aşağıdaki kodda paylaşıldığı gibi bu geri arama işlevinde oturum açma formunu görüntülemek için bir kod ekleyeceğiz
// Adım 2: Kısa kodu geri arayın
Njengah_login_form_shortcode () işlevi {
if (is_user_logged_in ())
Geri '
hoş geldiniz. Girdiniz!
'; ?>
yanlış,
'Label_username' => __ ('kullanıcı adınız'),
'label_password' => __ ('şifreniz'),
'Label_remember' => __ ('beni hatırla')
)
); ?>
<? Php
} Kodu dikkatlice kontrol ederseniz, kullanıcının WordPress'e girip girmediğini nasıl kontrol edeceğimi kontrol edeceğimi açıkladığım gibi kullanıcının girip girmediğini kontrol etmek için işlevi kullandığımızı göreceksiniz.
Kullanıcı oturum açılmamışsa, oturum açma formunu görüntülemek için wp_login_form () işlevini kullanırız. Kullanıcı girerse, gelen formu görüntülemek yerine sayfada koşullu olarak hoş geldiniz mesajı görüntüleriz. WP işlevi wp_login_form () wp_login_form (), tema geliştiricisinin WordPress formunu herhangi bir yerde görüntülemesi için bir yol sağlayan bir WordPress işlevidir. Bu işlev genellikle şu şekilde belirtilebilir: wp_login_form (Array $ args = array ()) $ args, formun nasıl görüntülendiğini kontrol eden bir seçenek satırı olabilir. Aşağıda, formun görüntülenme şeklini değiştirmek için bir dizide kullanabileceğiniz bir argümandır.
yankı
Oturum açma formunu görüntülemek veya HTML formunu geri yüklemek için kod. Varsayılan doğrudur (echo). Mutlak olmalı, " https://example.com/mypage/ ".> TD > Kullanıcı adı veya e -posta adresi alanı için etiket. 'Kullanıcı Adı veya E -posta Adresi' Varsayılan. .
> label_login
id_password
Şifre alanı için kimlik özniteliğinin değeri. Hatırlama alanı için kimlik özniteliğinin değeri. Varsayılan 'Beni Hatırla'.
Varsayılan olarak kontrol edilmelidir. Varsayılan yanlıştır (kontrol edilmez)
Örneğin, bağımsız değişken dizilerini ayarlayabilir ve bu işlevi aşağıdaki gibi iletebilirsiniz: doğru,
// 'Transfer' değeri varsayılan, kullanıcıları isteğe URI'ya geri getirir.
'yeniden yönlendirme' => (IS_SSL ()? 'https: //': 'http: //'). $ _Server ['http_host']. $ _Server ['request_uri'],
'Form_id' => 'loginform',
'Label_username' => __ ('kullanıcı adınız'),
'label_password' => __ ('şifreniz'),
'Label_remember' => __ ('beni hatırla'),
'label_log_in' => __ ('enter'),
'id_namapuna' => 'user_login',
'id_password' => 'user_pass',
'id_remember' => 'Beni hatırla',
'İd_ind' => 'wp-send',
'Hatırla' => True,
'value_namapenggal' => '',
// 'Value_remember'i True'ye ayarlayın Varsayılan onay kutusuna "Beni Hatırla" kontrol edilmesi için ayarlayın.
'Value_ Hatırla' => Yanlış,
);
); ?> Formlar, varsayılan WordPress giriş formu etiketinin aksine diziye eklediğiniz yeni bir etiketle görüntülenir. Yukarıdaki kodda, kullanıcı adını kullanıcı adınıza ve şifrenize şifrenize değiştirdim.
Kısa bir kod ve dönüş işlevi oluşturduktan sonra, özel bir oturum açma formu eklemek için WordPress gönderisinin veya sayfasının herhangi bir yerinde kısa bir kod kullanabilmemiz için başlatmamız gerekir. The following is a code that will initialize the Shortcode Form Login: // Step 3: Init Function Short Coderadd_Action ('Init', 'njengah_add_login_shortcode');
WordPress'te bir oturum açma formu kaydı oluşturmak için kod snippets'i tamamlayın Şimdi bu kodun tüm parçalarını tek bir kod parçasında birleştirebilir ve aktif WordPress temasından functions.php'ye kod ekleyebiliriz, ardından kısa bir kod kullanarak WordPress giriş formunu görüntüler [njengah- giriş formu].
Aşağıda, WordPress Oturum Açma Formu ScortCode: /**
* @penulis joe njengah
* @ Intisari - https://gist.github.com/njengah/fa96025717308df1b979e77e5da3eef2
*/
// Adım 1: Kısa bir kod oluşturun
Njengah_add_login_shortcode () işlevi {
add_shortcode ('jay-login-form', 'njengah_login_form_shortcode');
}
// Adım 2: Kısa kodu geri arayın
Njengah_login_form_shortcode () işlevi {
if (is_user_logged_in ())
Geri '
hoş geldiniz. Girdiniz!
'; ?>
yanlış,
'Label_username' => __ ('kullanıcı adınız'),
'label_password' => __ ('şifreniz'),
'Label_remember' => __ ('beni hatırla')
)
); ?>
<? Php
}
// Adım 3: Init kısa kod işlevi
Add_action ('init', 'njengah_add_login_shortcode');
// Adım 4: Oturum açma formunu sayfaya gömmek veya yayınlamak için bir kısa kodu [njengah-login-form] kullanın
Bu kodu function.php adresine eklediğinizde, bir giriş sayfası oluşturmalı ve giriş formunu yayınlamak için kısa bir kod [njengah-login-form] eklemelisiniz. Giriş formu aşağıda gösterildiği gibi görünecektir:
WordPress Giriş Formu Stili Çekici bir giriş formu oluşturmak ve kullandığım tema tasarımını almak için aşağıdaki stili ekledim: .njanta-login-tutorial {
Arka plan: #6379a4;
Rulman: 20 piksel;
Maksimum genişlik:%70;
Renk: #ff;
}
.
Marj-sağ: 120px;
}
.login-name kullanıcısı {
Dolgu Top: 30px;
} Bir şablon oluşturma özel giriş formu, eklenti olmadan WordPress'te bir oturum açma sayfası oluşturmak için alternatif bir yol oluşturma özel bir sayfa şablonu oluşturmak ve sayfada oturum açma formunu yayınlamak için wp_login_form () işlevini kullanmaktır. Özel bir sayfa şablonunda bulunan özel bir oturum açma sayfası oluşturmak için bir kod: doğru,
// 'Transfer' değeri varsayılan, kullanıcıları isteğe URI'ya geri getirir.
'yeniden yönlendirme' => (IS_SSL ()? 'https: //': 'http: //'). $ _Server ['http_host']. $ _Server ['request_uri'],
'Form_id' => 'loginform',
'Label_username' => __ ('kullanıcı adınız'), 'label_password' => __ ('şifreniz'),
'Label_remember' => __ ('beni hatırla'),
'label_log_in' => __ ('enter'),
'id_namapuna' => 'user_login',
'id_password' => 'user_pass',
'id_remember' => 'Beni hatırla',
'İd_ind' => 'wp-send',
'Hatırla' => True,
'value_namapenggal' => '',
// 'Value_remember'i True'ye ayarlayın Varsayılan onay kutusuna "Beni Hatırla" kontrol edilmesi için ayarlayın.
'Value_ Hatırla' => Yanlış,
)
);
}
get_footer ();
Bu kodu dosyaya kaydedin ve login-page.php adını adlandırın ve WordPress temanızın kök klasöründe saklandığından emin olun. Yeni bir sayfa oluşturun ve giriş şablonunun artık aşağıda gösterildiği gibi sayfa öznitelik şablonu seçeneğinde mevcut olduğunu göreceksiniz:
Şablonları seçin ve sayfaları yayınlayın. Ön uca kontrol ettiğinizde, girmeyen kullanıcılar için görüntülenen giriş formunu göreceksiniz ve gelen kullanıcı için hoş geldiniz mesajı görüntülenir.
Sonuç Bu yazıda, WordPress sayfasına bir giriş formu eklemenin iki yolunu açıkladım. Kısa bir kod WordPress oturum açma formu oluşturmak için kısa kod işlevini kullanabilirsiniz veya eklenti olmadan WordPress'te bir oturum açma sayfası oluşturmak için özel bir sayfa şablonu kullanabilirsiniz. Umarım artık WordPress sitenizde bir Fretend özel giriş formu oluşturmak için bu yöntemlerden birini uygulayabilirsiniz. Benzer makaleler
Özel Gönderi Türü için WordPress Pagination Nasıl Yapılır
WordPress'teki 30 En İyi WordPress Güvenlik Eklentisi
WordPress yönetici kontrol paneline nasıl erişilir veya WordPress kontrol panelinize girilir Özel bir wooocommerce makbuzu sayfası nasıl yapılır WOOOCOMMERCE'e PrintFul nasıl bağlanır
Wooocommerce uzantısı nasıl güncellenir
Üst sayfa temasına bir arama kutusu nasıl eklenir
Kolay iletişim için 40+ En İyi WordPress İletişim Form eklentisi
WordPress Woocommerce'de Kategorize Değil Kategoriler Nasıl Silinir
Kenar çubuğunu WordPress sayfasından nasıl silinir veya WordPress kenar çubuğunu gizlersiniz
Örneklerle WordPress'te özel bir sorgu sayfası nasıl yapılır
WooCommerce vs Magento: En iyi e-ticaret platformu nedir?
Bir wooocommerce veritabanı nasıl rezerve edilir
En İyi 30+ En İyi WordPress Form Eklentisi »En İyi WordPress Form Eklentisi
WOOOCOMMERCE'de ayrı bir giriş ve kayıt sayfası nasıl oluşturulur
35+ En İyi Ücretsiz Form WordPress Eklentileri
Shopify'dan Wooocommerce'a nasıl geçilir