Bloom E -posta Katılımınızı Site Tasarımınıza Uyacak şekilde Nasıl Düzenleyebilirsiniz?
Eğer kaçırırsanız, yakın zamanda her hafta ücretsiz bir profesyonel Divi düzen paketi sunduğumuz yeni bir tasarım girişimi başlattık. Doğrudan .zip dosyasından kullanılmaya hazır ve hazırdırlar ve şaşırtıcıdır. Ancak, web sitenizin kullanıcılarınız ve ziyaretçileriniz için daha da iyi olması için düzen eklemeyi bildiğinizden emin olmak istiyoruz. Örneğin, Bloom, zarif tema üyeliğinizle birlikte gelen fantastik bir şekilde ayarlanabilen bir e -posta eklentisidir ve düzen paketiyle eşleşecek şekilde düzenleyebilirsiniz (ve yapmalısınız).
Bugün, Bloom’un ziyaretçilerinizi tamamen yeni bir dünyaya getirmesini nasıl göstereceğinizi göstermek için ilk freebie olan seyahat web sitesi düzeni paketine döneceğim. Ve düzen paketlerimizden birini kullanmazsanız, aynı zamanda harika. Süreci ve bu düzenlemeyi neden yaptığımı açıklayacağım ve bu ilkeleri sitenizin tasarımına da uygulayabilirsiniz. Temel olarak, yeni katılımımız için işleyen ve bunu biraz değiştiren öğeler ve varlıklar alacağız. Bin mil yolculuğun ilk adımı tamam, bu nedenle eklentiler ve stil kullanmak binlerce mil seyahat etmekten çok daha kolay. Yani bu kötü bir metafor olabilir. Hiç. Anlıyorsun, değil mi?
Bloom’u Takın Yapmanız gereken ilk şey Bloom’u kurmak. Bloom’u indirmek ve yüklemek için ET Üyesi alanına gidin. Ayrıca e -posta sağlayıcınıza (Mailchimp, Aweber, Emma vb.) Her şeyi hazırlamak için belgeleri de takip edebilirsiniz. Bu çok kolay (elbette yapıyoruz!) Ve ziyaretçilerinizi kısa sürede dünyaya atlamaya hazır olacaksınız. Son sonucu görselleştir başladığınızda, Bloom’dan ne istediğiniz nihai sonuçların ne olduğu hakkında bir fikriniz olması gerekir. Sitenize gitmenizi ve sahip olduğunuz en ikonik öğeleri veya sadece en sevdiğiniz unsurları bulmanızı öneririm. Örneğin bir seyahat blogunu kullanarak, Bloom’un katılımını özellikle bu bölüme uyacak şekilde ayarlamak istiyorum:
Bu bölümü seçmemin bir nedeni yoktur (tasarım ekibi düzen boyunca ölümcül bir iş çıkardı). Bu bana macera ve heyecanı hatırlatıyor ve e-posta listesine kaydolmaları için insanlara iletmek istediğim şey bu. Bloom E -posta Katılımınızı Düzenleme Adımları Yeni bir Bloom Katılımı ilk oluşturduğunuzda, görüntülemek istediğiniz katılım türünü seçmelisiniz. Bloom size çok fazla seçenek sunuyor, ancak çok sinir bozucu olmak istemiyoruz (yani açılır pencere yok) çünkü bu düzen paketi stil ve madde ile ilgili.
Bir sonraki sayfa yalnızca bir ad verir ve sağlayıcınızı ve e -posta listenizi seçer, böylece gerçek tasarımla ilgisi yoktur (ve bu arada her zaman daha sonra değiştirilebilir). Böylece içerik ve bir sonraki bölüme geçin ve şablonu seçin. Biri sağda olan oldukça basit bir şablon kullanmaya karar veriyorum. Yine, sitenin stiline uygun basit bir şey. Bundan sonra bir resim bulmalısınız. Seyahat düzeni paketini kullanırsanız, .json dosyasını divi kitaplığınıza aktardığınızda, tüm resimler medya kitaplığınıza aktarılır. Elemanları ilham aldığım bölümle paylaşmak için Travel-Binoculans.jpg kullanmaya karar verdim. Ayrıca seyahat-coffee.jpg’nin iyi bir seçim olacağını düşünüyorum. Onaylanması gereken bir şey, görüntü oryantasyonu açılır menüsünün sol görüntüsünü seçmenizdir. Bu, eşleşecek şeylerin boyutunu değiştirecek ve düzenimizle çok daha güzel hale gelecektir.
Renk olarak #1D2633 kullanarak seyahat paketleri için stil, renk ve geniş yazı tipi, görüntüler üzerinde karanlık ve şeffaf gölgelere sahip. Bloom şu anda bir arka plan olarak şeffaflığın etkisine izin vermese de, hala bu rengi katılım çiçeklenme için kullanmak istiyorum. Yazı tipleri için, başlıklar için Oswald ve metin için Roboto kullanan seyahat web sitesinin düzeni. Sürekliliği korumak için burada yapabileceğimiz aynı şey. Kare köşeler için de aynı şey ve bence beyaz iç dikdörtgen ile tam bir sınır kullanımı (#FFFFF’ye ayarlanmış bir renkle dördüncü seçenek), pop-in pop-pop’u görülmeye yetecek kadar görmez. Bence diğer değişiklik, renkle ilgili yapılması gereken düğmenin kendisidir: Divi düzen paketine ücretsiz olarak dahil edilen düğmeyi eşleştirmek için #ED4441 kullanın.
Bir daha tweak bloomin, yapmanız gereken tek şey, düzyazı paketi ile yazı tipinin boyutunu ve ağırlığını ayarlamak için CSS’nize bazı küçük ayarlamalar koymaktır. Yeterli Kopyala ve Bloom Tasarım sayfasındaki özel bir CSS kutusuna yapıştırın:/ * Bu snippet, çiçek açma birincil alanındaki herhangi bir paragraf metnini hedefleyecek ve sayfada veya eklentideki başka bir metne dokunmadan stilize edecektir */.et_bloom .et_bloom_form_header p { yazı tipi boyutu: 20px; }
/ *Bu snippet, sadece Bloom’un kayıt formundaki H2 metnini hedefleyecek ve düzen paketindeki normal H2’nin yarısında boyutlandıracak */
.et_bloom .et_bloom_form_header h2 {
Yazı tipi boyutu: 40px! Önemli;
}
Ve evet, kullanmayı sevmiyorum! Senden daha önemli, ama bu durumda, sayfaya çiçek açtığı için bir zorunluluktur. Şimdi her birinin altında hoş bir kayıt e-postanız var ve Bu şekilde görülen yayınlarınızın her biri.
Çiçekler yapabilir!Umarım, bu yazıdaki gezi düzeni paketini izleyerek, kendi sitenizde bazı unsurları nasıl alabileceğinizi ve Bloom e -posta katılımınızı sitenizin tasarımına uyacak şekilde ayarlayabileceğinizi gördünüz.Gördüğünüz gibi, sadece yazı tipleri, renkler ve aynı görüntüyü yeni şekilde kullanmak gerçekten çok fazla iş olmadan yeni ve hevesli bir şey yaratabilir.
Bu yüzden sitenizden en sevdiğiniz öğeleri seçin (veya Freebie Düzen Paketlerimizden birini alın!) Ve Bloom’u sizin için çalıştırın!Makalenin üstün görüntüsü Sammby / shutterstock.com
