WordPress için ön uç ve arka uç girişini ayarlayın
Kullanıcınızın web sitenizin ön uçtan veya arka ucundan girmesini isteyin, WordPress her ikisi için de deneyimi tam olarak ayarlamanıza olanak tanır. Bazen, bir WordPress web sitesi oluştururken, varsayılan giriş sayfasının ihtiyaçlarınızı tam olarak karşılamadığını düşünebilirsiniz. Bazen, site ön ucunuza sabitlenmiş bir giriş formu isteyebilirsiniz. Diğer zamanlarda, varsayılan /wp-login.php sayfasını kullanarak mevcut olmayan işlevlere ihtiyacınız olabilir. Daha önce WordPress oturum açma sayfasını nasıl tamamen ayarlayacağını ve sitenizin markanıza nasıl birleştirileceğini keşfederek görmüştük. Bu yazıda, bu yazıda sunulan bazı işlevlerin daha pratik bir örnekle nasıl genişletileceğini göreceğiz.
Bu yazı, ön uç ve arka uç girişinin iki parçaya özelleştirilmesine bakıyor. İlk bölümde, oturum açma işleminin site ön ucundan nasıl işleneceğini açıklayacağım. Nasıl olduğunu göreceğiz:
Giriş formlarını yayınlara ve widget’lara ekleyin
Başarılı bir girişte kullanıcıya gidin
Özel sayfayı ayarlayın
Gelen/Çıkma bağlantısını menüde şartlı olarak görüntüleyin
Yalnızca giriş atamasını keşfedeceğimizi ve WordPress’in başarısız bir girişte aktarımı işlemesine, şifreyi, kullanıcı kaydını ve veri düzenlemesini sıfırlamasına izin vereceğimizi unutmayın. Tüm bu görevler dikkatli bir ilgiyi hak ediyor ve gelecekte dalmak ve keşfetmek için daha fazlasını verecektir.
Bu yayının ikinci bölümünde, varsayılan oturum açma sayfasına nasıl daha büyük işlevler ekleyeceğinizi göstereceğim. Niyet:
HTML yapısını giriş sayfası başlığından ayarlayın
Ek form sütunu ile varsayılan oturum açma sayfasından maksimum sonuçları alın, giriş işlemini işlemek için mevcut işlevleri, eylemleri ve filtreleri tanıtmak için birkaç örnek göreceğiz. Eylemlerin ve kanca filtrelerinin arkasındaki temel kavramlara aşina olduğunuzu varsayacağım. Değilse, bu yazıdan geçmeden önce, WordPress kancaları için hızlı (ve derinlemesine) kılavuzu okumak için zaman ayırın.
Giriş özelleştirmesini keşfetmeye başlayalım.
WordPress’in arka uç giriş formu. Gönderi ve metin widget’ına gelen bir form ekleyin Yeni bir web sitesi için kullanıcı akışını tasarlarken, sitenizin önünde bir giriş formu görüntülemek isteyebilirsiniz. Basit giriş formlarını yankılanan (veya geri yükleyen) wp_login_form işlevi sayesinde bu hedefe ulaşabilirsiniz (ayrıntılar için WordEx WordPress’i kontrol edin). Bu işlev, giriş, kimlik, etiket ve form öğesinin varsayılan değeri sonrası aktarma için url’yi ayarlayan bir parametre dizisini saklar. Aşağıdaki örnekte, site üreticilerinin sitenin herhangi bir yerinde giriş formlarını yerleştirmelerine olanak tanıyan basit bir kısa kod oluşturacağız:
Yukarıdaki kodda, işlevin HTML’yi formdan yazdırmaması için ECHO değerini false olarak ayarladık, ancak işaretlemeyi $ çıkış değişkeninin değeri olarak geri yükleyecek. Aynı değer Dönüş Çağrısı işlevi ile döndürülecektir. Kullanıcı girdiyse, mesajları ve giden bağlantıları döndürme işlevi (ikincisi WP_LOGINOUT işlevi tarafından döndürülür). Şimdi, yeni bir gönderi (veya sayfa) yapalım ve kısa bir kod ekleyelim [fevend-lojin-form]. Sonuç olarak, aşağıdaki resimde gösterilen oturum açma formunu alacağız. Resim, normal yayına gömülü gelen formu gösteriyor.
Yan tarafa da bir form ekleyebiliriz, ancak önce WordPress’i metin widget’ındaki kısa kodu işlemeye zorlamalıyız. Bu görev, yukarıdaki kodda yaptığımız gibi WIDGET_TEXT filtresi ve DO_SHORTCODE işlevi kullanılarak tamamlanabilir. Metin widget’ındaki kısa kod işlemeyi etkinleştirdikten sonra, gelen form tarafın herhangi bir tarafına girilebilir.
Bir önceki örneğe girerken kullanıcıyı yönlendirme, oturum açtıktan sonra kullanıcı, rolleri ne olursa olsun, geldiği aynı sayfaya yönlendirilir. Ancak, rollerine veya yeteneklerine bağlı olarak kullanıcıyı belirli bir sayfaya yönlendirebiliriz. Örneğin, başka rolleri olan tüm kullanıcıların gösterge tablosuna yönlendirirken sitenin müşterilerinin yönetici alanına erişmesini önlemek isteyebiliriz. Bunu LOGIN_REDIRECT KAIT filtresi LOGIN_REDIRECT ile yapabiliriz. Aşağıdaki kodu düşünün:
A3A51DB0E4548A1D4E0494B899FFEF1C’nin özünü içerir
Yeterince net: Login_redirect, giriş başarılı olduğunda yönlendirilmesi gereken kaynakların URL’sini filtreleme. Örneğimizde, kullanıcının Edit_Posts (müşteriler hariç tüm roller) yeteneğine sahipse, kullanıcılar gösterge tablosuna yönlendirilir. Kullanıcı bunu yapmadıysa, Site ana sayfasına yönlendirileceklerdir. Yeni bir özel giriş sayfası oluşturduysak özel bir giriş sayfası düzenleyin, varsayılan giriş URL’sini de almak isteyebiliriz. Bunu yapmak için aşağıdaki kodda gösterildiği gibi LOGIN_URL filtresini kullanabiliriz:
Çekirdek 6E2379CCE31F11FC1958114BD7A396BD içerir
Burada, Redirect_to ve Reauth sorgusunu URL’ye yeniden düzenlediğimiz Add_query_arg işlevini diyoruz. Aynı URL nihayet dönüş çağrısı işlevi ile döndürüldü.
Programlı ve Çıkış Menü Öğeleri Ekle Şimdi yeni bir giriş URL’si var ve komut dosyasında programlanmış bir program yapabiliriz. Bir sonraki örnekte, ana menüye nasıl bir giriş ve oturum açma bağlantısı ekleyeceğinizi göstereceğim.
Bir eklentinin ana dosyasında (veya çocuk temasından function.php dosyasında) aşağıdaki kod bloğunu kopyalayıp yapıştırın: h
Çekirdeği Yükleme E03608DE3795D952E86B43BA3E6393E4
WP_NAV_MENU_ITEMS filtresi menüye yeni öğeler eklememizi sağlar. Belirli bir temanın konumunu ayarlayarak, ayarımız yalnızca bir özel menüyü etkileyecektir. Kullanıcı girerse, dönüş çağrısı işlevi URL’yi otomatik olarak ekler, aksi takdirde gelen URL’yi ekler. Şimdiye kadar ön uçtan kullanıcıya nasıl giriş yapacağımızı gördük. Ancak, büyük olasılıkla varsayılan sayfanın kendisinde giriş kaydetmeyi tercih ediyoruz. Bu nedenle, aşağıdaki örnekte, sayfa yapısını ayarlamak ve işlevselliği giriş formuna eklemek için kullanabileceğimiz birçok işlev, eylem ve filtreyi nasıl kullanacağımızı göreceğiz. Oturum açma başlığı başlığını ayarlayın WordPress Varsayılan Oturum Açma Sayfası aşağıdaki gibi düzenlenmiştir:
8B5F0335631E213D4FC0E80A5ACEB08F’nin özünü içerir
Bu sadece wordpress.org’a işaret eden ankrajlı bir H1 öğesidir. Üç kanca, bir eylem (login_head) ve iki filtre (login_headerurl ve login_headertitle) sayesinde bu yapıya göre hareket edebiliriz. Örnek olarak aşağıdaki kodu alın:
E8d0cc07095e0e5869d5cfefb6d4e8d4’ün özünü içerir
Login_head eylemi, komut dosyası teslim edildikten sonra etkinleştirilir ve bu eyleme komut dosyaları ve özel stiller için kuyruk için bir işlev bağlayabiliriz. Örneğimizde, başlıktaki çapa arka plan görüntüsünü değiştirmek için bir bildirim ekledik
Login_headerurl Başlık logosundaki bağlantıların URL’sini filtreleyin. Örneğimizde, ev URL’sini iade etmenin dönüş fonksiyonu
Login_headertitle filtreleme başlık özellikleri
Bu, giriş ve filtrenin giriş deneyimini ayarlamak için nasıl yararlı olduğunu göstermeyi amaçlayan temel bir örnektir. Giriş sayfası ekranı üzerinde daha büyük bir kontrole ihtiyacınız varsa, WordPress giriş sayfasını nasıl tamamen ayarlayacağınızı okumak için bir dakikanızı ayırın. Ardından, varsayılan oturum açma formuna daha fazla işlev eklemek istiyorsanız, son ve devam eden örneğimizi okuyun … Kullanıcılarınızın kullanıcılarımıza giriş işlemini daha fazla kontrol etmesini sağlamak için zamanın aktarılmasını seçmesine izin verin. Bu son örnekte, onlara yönlendirilecek sayfanın URL’sini seçme yeteneği vereceğiz. İlk olarak, giriş formuna aşağıdaki işlevlerle yeni bir alan ekleyeceğiz:
Yükleme Çekirdeği F35AC7EF05C130C89530316098369737
Login_form Eylem Gelen formdaki ‘şifre’ alanından sonra ve onay kutusundan önce ‘Beni Hatırla’, bu nedenle Arama İşlevi Geri Yazdırma menüsü doğru konumda seçin. Alan alanı yerine aşağıdaki kodla uygulayabiliriz:
1DF1831B0EF284BC62168fbd0d74d0c6’nın özünü içerir
Burada, Select Alanı için geçerli değerin gönderilip gönderilmediğini kontrol ediyoruz. Eğer öyleyse, anahtar ifadesi, kullanıcı tarafından seçilen seçeneğe bağlı olarak $ regirect_to değişkeni için bir değer ayarlar.
Düzeltilmiş Giriş Formu
Kullanıcılar artık seçim sayfasına yönlendirilecek. Giriş kullanıcılarının kendi ücretsiz eklentimiz Forminator ile olmaları için size başka yollar bilgilendirmek için buradayız.
Şekillendirme. Büyük gözlükler vb. Yardımı ile, WordPress sitenizde kayıt formunu ayarlamak ve giriş yapmak kolaydır. Birçok ayar seçeneğiniz var; Gerekli bilgi sütunu, captcha, hatırlama ayarlarım ve diğerleri gibi. Bu, bir nedenden dolayı popüler olan 4.5 yıldızlı bir eklentidir. Oturum açma formunu nasıl ayarlayacağınızı okuyabilir ve bugün ücretsiz olarak deneyebilirsiniz. Oturum açma işleminin sarılması, web sitesinin geçişinin önemli bir parçasıdır ve bir web tasarımcısı olarak kullanıcı deneyimini dikkate almak için zaman ayırmalıyız. İster kullanıcıların site ön uçtan girmelerine izin vermeye karar veririz, ister varsayılan arka uç giriş formunu kullanmaya devam edin, tüm seçenekleri hem sunum hem de işlevsellik açısından ayarlayabiliriz. WordPress özelleştirme gücü sağlar – iyi kullanmak için kullanılır. Logo Logo Giulio Baccari. Giriş özelleştirme için başka fikirleriniz var mı? Düzeltilmiş bir giriş formunun favori bir örneğiniz var mı? Sohbete katılın ve aşağıdaki yorumlarda bizimle paylaşın.
Etiket:
biçim
