WordPress giriş ekranınızı nasıl ayarlayabilirsiniz
Çok yakınsın! WordPress ile oluşturulan olağanüstü bir web siteniz var. İlgilenen okuyucular var. Ve şimdi, ziyaretçilerinizin kendi hesaplarını oluşturabilmesi için WordPress’teki üyelik özelliklerinden yararlanıyorsunuz. Sonra ne oldu? Kayıt olmaya veya girmeye giderler ve şunu görürler:
Depositphotos veya Pixlr’den en iyi görüntüleri alarak web sitenizi tasarlamak için çok fazla zaman ve kaynak yatırım yapmış olabilirsiniz, bunları her şeyin düzgün görünmesini sağlamak için Crello gibi yazılımlarla takip eder, ancak diğerleri profesyonel görünür. Sitenizden, hiç markalı olmayan bu giriş sayfası, sitenizin premium kalitesini kapatabilir.Temel bir oturum açma sayfasıyla kullanıcı deneyiminizi bozmayın. Bu öğreticide, varsayılan WordPress giriş sayfasının her yönünü nasıl ayarlayacağınızı öğreneceksiniz. Birkaç çözüm denedim ve en sezgisel (ve ücretsiz) seçeneği seçtim. WordPress giriş ekranınızı nasıl ayarlayacağınızı görmek için okumaya devam edin! Giriş sayfanızı ayarlayın Ürünün nasıl olduğunu görmek için merak edebilirsiniz. Oturum açma sayfasını istediğiniz gibi ayarlamak için çok fazla özgürlüğünüz olacak, ancak işte bu öğreticideki adımları izleyerek oluşturabileceğiniz bir giriş formuna bir örnek: En önemli kısım, WordPress logosunu kendinizle değiştirebilmeniz ve rengi ayarlayabilmenizdir. Üyelik siteleri için kullanıcılar, formunuz tamamen markalı olduğu için WordPress kullandığınızı bile bilemez. Giriş sayfasını ayarlamak WP kullanıcıları tarafından oldukça yaygın bir istek olduğundan, aralarından seçim yapabileceğiniz birçok iyi eklenti vardır. Ancak, belirgin olduğunu düşündüğüm özel bir şey var. Doğru eklentiyi seçin WordPress Giriş Ekranı Özelleştirme eklentisinin çoğunun kafa karıştırıcı veya kullanımı çok karmaşık olduğunu buldum. Esneklik ve sadelik arasında en iyi dengeye sahip olduğunu düşündüğüm eklenti, Hardep Asrani’nin özel özelleştirici özel giriş eklentisidir. Bu kılavuzun geri kalanında, bu eklentinin genel bir resmini ve bir giriş sayfası oluşturmak için nasıl kullanılacağını alacaksınız. Yukarıda paylaştığım gibi. Eklentiyi WordPress kontrol panelinizdeki yükleyin ve etkinleştirin, eklenti sayfasını ziyaret edin ve üstteki yeni Ekle düğmesini tıklayın. Ardından “Özel Oturum Açma Sayfası Özelleştiricisi” ni arayın ve bu eklentideki şimdi Yükle düğmesini tıklayın. Ayrıca birkaç eklenti de göreceksiniz. Denemekten çekinmeyin, ancak bazı testlerden sonra, özel giriş sayfası özelleştiricisinin en iyisi olduğunu düşünüyorum. Eklentiyi yükledikten sonra, yükleme işlemini tamamlamak için tuşuna basabileceğiniz düğmeyi etkinleştirmek için düğme güncellenir. Yeni Ayarlar Nerede Bulunur Özel Oturum Açma Sayfasını Ayarlama İyi Bir Üst Seviye Menü Öğesi ile Gösterge Tablosunuzu Kesmez. İmleci görünüm menüsü öğesine yönlendirirseniz, yeni özelleştirici giriş seçeneğini görürsünüz. Bunu tıklayın, özelleştiricide yeni bir ayarlara götürüleceksiniz.
Yeni bir yönetici menüsü oluşturmak yerine, özelleştiricideki tema ayarlama seçeneklerinizle birlikte eklenen yeni bir ayarlar bulacaksınız. Bu eklenti ile Challenger temasının ekran görüntüsü etkinleştirildi. Bunun yönetici menünüzün kullanımı üzerinde nasıl minimum bir etki yarattığını görebilirsiniz. Şablonu seçin Gelen Ayarlama bölümüne tıkladığınızda, gelen form hemen yüklenir ve ayarlamalar için bir dizi bölüm bulacaksınız. Önce şablon bölümünü kontrol edelim. Üç farklı tasarım öncesi stil vardır.
Bir şablon seçtiğinizde, yapılan tek şey diğer bölümlerde bulunan ayarları güncellemektir. Başka bir deyişle, işi biraz daha hızlı tamamlamak istediğiniz son tasarıma en çok benzer olduğunu seçebilirsiniz. Bu kılavuzda varsayılanı kullanmaya devam edeceğim. Şimdi bazı gerçek özelleştirme çalışmalarına dönelim. Arka planı değiştirin Arka planı düzenlerken, statik bir arka plan görüntüsü veya renk arasında seçim yapabilirsiniz. Benim durumumda, Reklam Temaları web sitesinin başlığında bulunan karanlık mavimsi gri ile eşleşecek rengi güncelleyeceğim. Aynı başlığın arka plan rengini kullanmak iyi bir seçimdir, çünkü tutarlı bir estetik oluşturacaktır ve logonuzun iyi görüneceğini biliyorsunuz.
Logonuzu eklemek için loganızı eklemek için Form markalaşmasında en önemli adımdır. Burada başka ayar seçenekleri kullanmıyorsanız, bunu uyguladığınızdan emin olun. Özel Oturum Açma Özelleştirici, bir logo görüntüsü seçmenize ve boyutunu mükemmel bir şekilde sığacak şekilde değiştirmenize olanak tanıyan birçok özellik seçeneğine sahiptir. Logo ve form arasındaki alanı bile güncelleyebilir ve logo tarafından bağlantılı URL’yi ayarlayabilirsiniz. Arka plan görüntüsü ve değiştirilen logo ile logo şekli zaten çok benzersiz görünüyor. Bu bölüm hakkında adil olmak için, kullanımı oldukça zor bir logo boyutu aracı buldum. Önce görüntünüzün boyutunu değiştirmek ve görüntüyü genişlik ve yükseklik ayarlarıyla germemeniz için kullanacağınız doğru boyutları bulmak isteyeceksiniz.
Ardından, düğmeler ve giriş içeren formun boyutunu ve tasarımını düzenleyeceğiz. Formunuzu ayarlayın Formun arka plan rengini değiştirebilir veya kendi arka plan görüntüsünüzü verebilir. Şahsen, düz beyaz arka planın iyi olduğunu düşünüyorum, bu yüzden aynı kalmasına izin veriyorum, ancak bu WordPress giriş ekranınızın ekranını kökten değiştirebilir.
Formun küçük bir boyutunu değiştiriyorum, kutunun gölgesini daha koyu hale getiriyorum ve formun açısını hafifçe yuvarlamak için 3 piksel bir sınır yarıçapı ekliyorum. Bu değişiklik oldukça pürüzsüzdür, ancak yine de markanın daha fazla şekle yardımcı olur.
Bir kez daha, burada çeşitli olağanüstü ayar seçenekleri var. “Beni Hatırla” onay kutusunu gizlemenin yanı sıra başkalarına dokunmaya zahmet etmiyorum. Bu düğmeyi ayarlayın, giriş formunuzu işaretlemek için bir başka iyi fırsattır. Bu noktada, logonun ve arka planın rengiyle eşleşmediği için düğme göze çarpıyor. Düğme sınırının arka planını ve rengini değiştiriyorum. Ayrıca, metnin metninin rengini “oturum aç” metninden değiştiriyorum ve düğmenin boyutunu biraz daha büyük olacak şekilde değiştiriyorum. Şimdi tamamen markalı giriş sayfasına yaklaşıyoruz! Basit özelleştirme ayarlarıyla son bölüm formunun altındaki bağlantıyı düzenleyin başka bir bölümdür. Burada bulacağınız seçenekler özellikle formdan önce görünen bağlantıları ayarlamak. Kayıp bir şifre bağlantısı bırakmak isteseniz de, web sitesine geri bağlantı her zaman benim için gereksiz görünüyor çünkü logo bağlantılı.
Kayıp şifre bağlantısını hafifleterek site dönüş bağlantısını sildim ve metni biraz daha büyük hale getirdim. Bu noktada CSS ile orta element, yeni marka giriş formumdan oldukça memnunum. Ancak, birçok metin seviyesi var. Bu, sayfanın oldukça dağınık görünmesine neden olur. Özel Oturum Açma özelleştirici, şifre düğmesini ve bağlantısını odaklama seçeneğini içermez, ancak CSS ve JavaScript Özel Bölümü mevcuttur. Her ikisine de odaklanmak için bunun gibi bazı CSS ekledim: Oturum açma formunuzda aynı ayarlamayı yapmak istiyorsanız CSS: #loginform. Metin hizalamasını gönderin: Orta; } #loginform #WP-Send {Floating: Hayır; } #login #nav {hizalama metni: orta; } Düğmenin son dokunuşu ortada iyi görünüyor, ancak yine de düğmenin sayfadaki yeni seviyelendirmeyi yapma şeklini sevmiyorum. Tasarımı tamamlamak için, düğmeyi düğme ayarlarını kullanarak 96 piksel genişlikten% 100 genişliğe değiştiriyorum. Daha sonra son ekranı oluşturmak için formun altına biraz daha dolgu ekledim: Son güncelleme ile düğmelerin masaüstüne ve hücresel olarak tıklanması daha kolay. Ayrıca, oturum açma formu artık markama uyacak şekilde tamamen ayarlanmış ve ziyaretçilerim için daha iyi bir kullanıcı deneyimi oluşturuyor. Şimdi özel özelleştirici özel oturum açma eklentisi sırası sizde, oturum açma formunuzda dramatik veya basit bir değişiklik yapmak oldukça basit. Yeni giriş formumun nasıl ortaya çıkmasından memnunum ve uzun sürmüyor. WordPress Giriş Ekran Markası Sitenize ziyaretçilere çok daha profesyonel bir ekran verebilirsiniz. Giriş yaparken WordPress logosuna bakmadan, kendi platformunuz gibi hissedecektir. Giriş özelleştirme deneyiminiz var mı? Bu öğretici hakkında bir soru var mı? Düşüncelerinizi ve geri bildirimlerinizi aşağıdaki yorumlar bölümünde gönderin.
