Divi E -posta Optin E -posta Modülü Adı alanı nasıl silinir
Bugünün öğreticisinde, size Divi E -posta Optin Modülü adı alanını nasıl sileceğinizi göstereceğiz. Ad sütununun silinmesi, Optin e -posta modülündeki standart olan ad ve soyadı sütununun görsel olarak görünmediğini sağlamakla kalmaz. Bu aynı zamanda işlevsellik ile ilgilidir. Varsayılan olarak, abone olmak için ad ve e -posta adresi gereklidir. Bu yüzden adın adını görünmüyor, sürece yardımcı olmaz. Bununla birlikte, onu bitirmenize yardımcı olmak için, adın adını görsel olarak nasıl ortadan kaldıracağınızı ve işlevsel olarak işlevsel olarak nasıl işleyeceğinizi göstereceğiz.
Sonuçlar Bu gönderiyi adım adım izlerseniz, aşağıdaki sonuçları alırsınız:
Bir bariyeri daha küçük hale getirmek / hızlı davranışa güvenmek için insanlar web’de buldukları tüm optin modüllerini doldurursa, zamanınız tükenebilir. Optin formu bugün her türlü web sitesinin bir parçasıdır. İnsanların büyülendiği günler bitmişti. Eğer abone olmak için çok fazla çaba sarf etmek zorunda olduklarını görürlerse (okumak: çok fazla alanı tamamlamak zorundalar), bunu görmezden gelebilirler. Ancak, yalnızca bir e -posta adresi isterseniz, büyük olasılıkla kabul ederler. E -posta adresini yazmak en fazla 5 saniye sürer (insanların sahip olduğu 7 saniyelik ortalama dikkat aralığından daha az). Bunu başarılı kılalım. Yapmanız gereken ilk şeyin yeni bir sayfasını ekleyin Yeni bir sayfa eklemek veya Optin e -posta modülünü yalnızca e -posta sütunu ile yerleştirmek istediğiniz bir sayfa açmaktır. Optin e -posta modülünü ekleyin Bu sayfadayız, istediğiniz yere Optin e -posta modülünü ekleyin. Optin e -posta modülüyle sayfaları gördükten sonra, bunun şöyle görüneceğini göreceksiniz:
Devam edip abonelik düğmesine tıklarsanız, herhangi bir sütunu doldurmadan, bunun işe yaramayacağını görürsünüz. Varsayılan olarak, Optin e -posta modülü, çalışabilmek için ad ve e -posta değerini gerektirir. Bu yüzden alanı ortadan kaldırmak (ama yine de orada) başarılı olmayacak. Teslim etmek de işe yaramayacaktır. Ancak, yapabileceğiniz şey, varsayılan değeri ad alanına eklemektir. Yalnızca alanın değerine sahip olduğundan emin olacak ‘*’ gibi bir şey kullanabilirsiniz. Yapmamız gereken başka bir şey, giriş sütununa bağlı etiketi silmektir. Tüm bunları elde etmek için bazı jQuery kodu ve CSS kodu kullanacağız. CSS kodunu ekleyerek başlayacağımız CSS kodunu ekleyin. CSS kodu yalnızca her iki alanın da sayfada görüntülenmemesini sağlar. İşlevsel bölüm için birkaç satır jQuery kodu kullanmalıyız. CSS kodunun belirli bir sayfaya veya tüm web sitelerine uygulanmasını sağlayabilirsiniz. Kullanacağınız yöntem, kod modülünü yalnızca e -posta alanıyla ne sıklıkla kullanmak istediğinize bağlıdır. Optin e -posta modülünü birkaç kez ve tüm farklı sayfalarda kullanmak istiyorsanız, ikinci yöntemi kullanın. Yalnızca bir sayfa için hesaplamak istiyorsanız, ilk yöntemi kullanın. CSS kodunu belirli bir sayfaya eklemek için özellikle bir sayfaya ekleyin, üzerinde çalıştığınız sayfadaki aşağıdaki simgeyi tıklayın: Görünen ekranda aşağıdaki CSS kodunu kopyalayıp yapıştırın: .et_pb_newsletter_form p: nth-child (2) {
Ekran: Yok! Önemli; }
.et_pb_newsletter_form p: nth-child (3) {
Ekran: Yok! Önemli;
}
CSS kodunu tüm web sitelerine CSS kodu eklemek için tema seçeneğine ekleyin, WordPress Gösterge Tablosu> Divi> Tema seçeneğini açın> Genel sekmesini aşağı kaydırın ve özel CSS alanına aşağıdaki CSS kod satırını ekleyin: .et_pb_newsletter_form p: nth -Child (2) {
Ekran: Yok! Önemli; }
.et_pb_newsletter_form p: nth-child (3) {
Ekran: Yok! Önemli;
}
Bir sonraki jQuery kodunu ekleyin, gerekli jQuery kodunu ekleyeceğiz. JQuery kodu eklemek için iki olasılığınız da vardır: belirli bir sayfa için geçerli hale getirmek için bir kod ekleyin veya tüm web sitelerine bir kod ekleyin. JQuery kodunu belirli bir sayfaya JQuery kodu eklemek için özel olarak bir sayfaya (kod modülü) ekleyin, optin e -posta modülünün hemen altına kod modülünü ekleyin. Kod modülünü açın ve aşağıdaki jQuery kod satırlarını yerleştirin: jQuery (işlev ($) {
$ (“. et_pb_contact_form_label”). (); $ (“#ET_PB_SIGNUP_FIRSTNAME”). Val (“*”);
$ (“#et_pb_signup_email”). Val (“”);
$ (“#et_pb_signup_email”). attr (“yer tutucu”, “e -posta adresi”);
});
Etiketi sildiğimiz için, e -posta adresinin değerinin içinde hiçbir şey olmamasını sağlıyoruz. Etiketi telafi etmek ve insanların ne yazacaklarını bilmesini sağlamak için bunun yerine bir yer tutucu kullanırız. Bu durumda, yer tutucular ‘e -posta adresleri’ dir, ancak başka birine dönüştürmekten çekinmeyin. Tüm web siteleri için geçerli olan bir jQuery kodu oluşturmak için tema seçeneğine jQuery kodu ekleyin, tema seçeneklerine yerleştirebilirsiniz. Bunu yapmak için WordPress Dashboard> Divi> Tema Seçenekleri> Entegrasyon’u açın ve aşağıdaki jQuery kod satırını web sitenizin başına yerleştirin:
jQuery (işlev ($) {
$ (“. et_pb_contact_form_label”). ();$ (“#ET_PB_SIGNUP_FIRSTNAME”). Val (“*”);
$ (“#et_pb_signup_email”). Val (“”);
$ (“#et_pb_signup_email”). attr (“yer tutucu”, “e -posta adresi”);});
Sonuçlar Bu yayındaki her adımı izler ve CSS ve JQuery kodunu belirli bir sayfaya veya tüm web sitesi sayfalarınıza uygularsanız, aşağıdaki sonuçları elde edersiniz:
Bu yazıdaki son zihin, yalnızca bir e -posta adresi alanı olan Optin e -posta modülüne nasıl ulaşacağınızı gösterdik.Bunun gibi sonuçları elde etmek istemenizin nedeni, etkinliğidir.Bir e -posta adresi isteyerek, kitleniz abone olmayı daha az denemeli ve e -posta listenizi daha hızlı hale getirebileceksiniz.Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
Büyük duyuruları, yararlı ipuçlarını veya divi freebie’yi asla kaçırmayacak şekilde e -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun!Adichrisworo / Shutterstock.com’dan Üstün Görüntü
