Divi için Ücretsiz Çok Yönlü Satış Satış Tasarımını İndirin
Çok amaçlı bir satış bayrağına sahip olmak, promosyonun popüler olduğu bu yıl önemli zamanlarda kesinlikle yararlı olacaktır (ve zamanınızı tasarruf). Bu yüzden Divi için bu çok yönlü satış afişini ücretsiz indirme olarak sunuyoruz! Bu satış bayrağı, metin ve arka plan görüntüsünde yalnızca birkaç ayarla ihtiyaçlarınıza uygun olarak kolayca ayarlanabilir. Divi’de satış afişleri tasarlamak oldukça kolaydır, bu nedenle genellikle web üzerinde biraz kaba görünen görüntü afişlerinden memnun olmanıza gerek yoktur. Bu nedenle, ücretsiz indirmelere ek olarak, size en başından beri Divi’de satış pankartlarının nasıl tasarlanacağını göstereceğim.
Başlayalım! Ne dahil? İşte İndirme Banner tasarımına bir göz atın.
Dosyayı indir
Divi bültenine katılmak için ücretsiz indirin ve en iyi divi düzen paketinin kopyasına bir e -posta göndereceğiz, ayrıca birçok kaynak, ipucu ve olağanüstü ve ücretsiz divi hileleri. Takip et ve kısa sürede bir divi ustası olacaksınız. Abone olduysanız, e -posta adresinizi aşağıya yazın ve düzen paketine erişmek için İndir’i tıklayın. Başarılı bir şekilde abone oldunuz. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Dosyayı indirdikten sonra Divi kütüphanesine yerleşimi içerir, Unzip. “Sales-Banner-Design.json” adlı bir dosya içerdiğini göreceksiniz. Divi kütüphanenize sığacaksınız. Şimdi WordPress kontrol panelinizi açın ve Divi> Divi kütüphanesine gidin. Ardından sayfanın üst kısmındaki içe aktarma düğmesini tıklayın. Port-up penceresi taşınabilirliğinden, İçe Aktarma sekmesini seçin ve Sales-Banner-Design.json dosyasını seçin. Ardından Divi Maker’ın düzeni için İçe Aktar düğmesini tıklayın.
Şimdi düzeni sayfanıza içe aktarmak için yeni bir sayfa oluşturun ve görsel bir yapımcı uygulayın. Ardından “Önceden Yapılmış Bir Düzen Seçin” seçeneğini seçin. Kütüphaneden yük açılır penceresinden “Düzeniniz Depolan” sekmesini seçin ve ardından listeden satış afiş tasarımının düzenini tıklayın. İşte burada! Divi’de sıfırdan bir satış afişi nasıl yapılır, başlangıç için arka plan parçaları ekler, yeni bir sayfa oluşturur. Sayfanızda bir başlık verdikten sonra görsel bir yapımcı kullanın ve “Uyan” seçeneğini seçin. Ardından, bir satır sütunla yeni bir parça ekleyin. Hatta herhangi bir modül eklemeye başlamadan önce, arka plan gradyan renginin bir kısmını verin (şu anda renk bir sorun değil. Satış pankartlarımız için kullanacağımız tüm beyaz tasarım öğelerini görmek için sadece bir arka plan rengine ihtiyacımız var .) Modülümüzü çizgiye eklemeden önce satış pankartları için satırları ayarlayın, önce bize 700 piksel özel bir satır verin ve üst veya alt boşlukları çıkarın, böylece satırlarımız aşağıda ekleyeceğimiz diğer satırların çok üzerinde olacak. Aşağıdaki satır ayarlarını açın ve güncelleme:
Özel Genişlik: 700px SEIT Genişliği: 1 Özel Kenar: 0px TOP, 0PX, Alt Özel Dolgu: 0px üst, 0px aşağıda Şimdi iki kez iki kez kopya, böylece toplam üç özdeş hattınız var. Bu, satış afişlerimizi oluşturmak için kullanılacaktır.
Üst sınır çerçevesini bitişik metinle ekleyin Satış pankartlarımızı oluşturmak için, solda birkaç metinle üst sınırla başlarız. Bunu yapmak için bölme modülü ve metin modülünü kullanacağız. İlk olarak, yeni bir metin modülü oluşturun ve içerik kutusuna birkaç içerik kelime ekleyin. İçerik: “Yalnızca çevrimiçi” Aşağıdaki tasarım sekmesine devam edin ve güncelleme: Metin yazı tipi ağırlığı: metin yazı tipi stili kalınlığı: tt metin rengi metin: RGBA (255,255,255,0.9) Metin Boyutu Metin: 15px metin mektup alanı: 2px metin çizgisi yüksekliği: 1em genişlik:% 22 (masaüstü),% 25 (tablet), 40 % (Akıllı Telefon) Hizalama Modülü: Sol Özel Kenar Alanı: 0px üst, -15px Alt Özel Dolgu: 0px üst, 0px Altında Özel kenarın altında, bölücümüz eklenmediğinden, ancak metnin eklenmesi gerektiği için erkendir. hemen ekleyecek olan bölücü ile mükemmel bir şekilde sınırlanmıştır. Şimdi bölücü modülünü metin modülünün altına aynı satıra ekleyin. Daha sonra bölücü ayarlarını aşağıdaki gibi güncelleyin: Renk: RGBA (255,255,255.0.9) Sivil Konum: Bölme Ağırlığı altında: 15px yükseklik: 15px genişlik:% 78 (masaüstü),% 75 (tablet),% 60 (akıllı telefon) Modül hizalaması : doğru özel kenar: 0px üst, 0px alt özel dolgu: 0px üst, 0px aşağıda
Tabii ki, tasarımı kendi ihtiyaçlarınız için ayarlarken metin modülünüzün genişliğine bağlı olarak sınır genişliğinizi ayarlamanız gerekir. Ardından, bölücülerimizi bir sonraki tasarlayacağımız satırın sağ sınırına bağlamak için bir bölücü modülü daha eklememiz gerekiyor. Bunun için aşağıdaki kopya ve güncelleme modülü: Genişlik: 15px özel kenar boşluğu: -1px daha düşük
Son olarak, metin modülünü üst sıra kopyalayın ve alt sıradaki iki bölücü modülünün altına yapıştırın. Sonra aşağıdakileri güncelleyin: içerik: “1 Kasım’dan başlayarak” genişlik:% 25 (masaüstü),% 30 (tablet),% 50 (Akıllı Telefon) Hizalama Modülü: Doğru Özel Marj: -15px üst, 0px Pilding Gelenek: Kalan 15 piksel Metin modülünü orta satıra ekleyin Şimdi, ana satış bayrağımızın metnini barındıracak orta satırımıza metin modülünü eklemeye hazırız. Üç metin modülü birbirimizin üstüne koyacağız. Lütfen ve ilk metin modülünü orta satıra ekleyin. Ardından aşağıdakileri güncelleyin: İçerik: “Her Şey İndirim%20” Arka Plan Rengi: RGBA (255,255,255.0.9) Metin yazı tipi ağırlığı: Yarı kalınlık metin yazı tipi stili: tt metin rengi metin: #000000 metin boyutu metin: 34px (masaüstü), 20px (akıllı telefon) Metin mektubu aralığı: 2px metin satırı yüksekliği: 1em metin yönelimi: 2VW Üst, 2VW alt, 5VW sol, 5VW sağ beyaz arka planın üzerinde siyah bir metin verir, ekran karışımı modunun parçanın arka planıyla entegre olmasını sağlayan etkisini en üst düzeye çıkarmak için çok önemlidir. Ekran karışım modunu daha sonra satıra ekleyeceğiz. Şimdi bir sonraki metin modülünün tasarımını başlatmak için metin modülünü çoğaltın. Ardından içeriği aşağıdaki html ile güncelleyin:
Son metin modülü için, bu orta satırdaki ilk metin modülünü çoğaltın ve ikinci metin modülünün altına yapıştırın. Ardından aşağıdakileri güncelleyin: “Şimdi alışveriş” metin yazı tipi stili: tt, u (altı çizili) Özel kenar: 0px üst özel dolgu: 1VW üst, 2VW Bu tasarımın son aşamasının orta çizgisinin alt alt satırları sınırlar ekliyor Orta sıra ve efekt ekranı karışımı moduna. Bunu yapmak için, aşağıdaki orta ve güncellenmiş satır ayarlarını açın: Özel Dolgu: 15px Sol, 15px sağ Sınır Genişliği: 15px Sağ Sınır Renk: RGBA (255.255.255.0.9) Sol sınır genişliği: 15px Sol Sınır Renk: RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (255.255.255.0.9) Karışık Mod: Ekran Ekran kombinasyon modu, metnin arka plan görüntülerinin birleştirmesini sağlar, serin efektler için metinle görüntülenir! Sonuç’a bakın. Satış bayrağınıza bağlantılar ekleyin çünkü bu bir satış afişi olduğundan, dönüşümü artırmak için pankartlara tıklanabilecek alanı en üst düzeye çıkarmak istersiniz. Bunu yapmak için tüm orta çizgiye bağlantılar ekleyebilirsiniz. Orta satır ayarlarını açın ve istediğiniz sayfaya yönlendirmek için satır bağlantısı URL’sini girin. Bu yeni satış afiş tasarımı ile benzersiz bir tasarım için farklı bir arka plan ekleyin, benzersiz bir tasarım oluşturmak için arka plan görüntüsünü kolayca güncelleyebilirsiniz. İşte bazı örnekler.
Dosyayı indirdikten sonra Divi kütüphanesine yerleşimi içerir, Unzip. “Sales-Banner-Design.json” adlı bir dosya içerdiğini göreceksiniz. Divi kütüphanenize sığacaksınız. Şimdi WordPress kontrol panelinizi açın ve Divi> Divi kütüphanesine gidin. Ardından sayfanın üst kısmındaki içe aktarma düğmesini tıklayın. Port-up penceresi taşınabilirliğinden, İçe Aktarma sekmesini seçin ve Sales-Banner-Design.json dosyasını seçin. Ardından Divi Maker’ın düzeni için İçe Aktar düğmesini tıklayın.
Şimdi düzeni sayfanıza içe aktarmak için yeni bir sayfa oluşturun ve görsel bir yapımcı uygulayın. Ardından “Önceden Yapılmış Bir Düzen Seçin” seçeneğini seçin. Kütüphaneden yük açılır penceresinden “Düzeniniz Depolan” sekmesini seçin ve ardından listeden satış afiş tasarımının düzenini tıklayın. İşte burada! Divi’de sıfırdan bir satış afişi nasıl yapılır, başlangıç için arka plan parçaları ekler, yeni bir sayfa oluşturur. Sayfanızda bir başlık verdikten sonra görsel bir yapımcı kullanın ve “Uyan” seçeneğini seçin. Ardından, bir satır sütunla yeni bir parça ekleyin. Hatta herhangi bir modül eklemeye başlamadan önce, arka plan gradyan renginin bir kısmını verin (şu anda renk bir sorun değil. Satış pankartlarımız için kullanacağımız tüm beyaz tasarım öğelerini görmek için sadece bir arka plan rengine ihtiyacımız var .) Modülümüzü çizgiye eklemeden önce satış pankartları için satırları ayarlayın, önce bize 700 piksel özel bir satır verin ve üst veya alt boşlukları çıkarın, böylece satırlarımız aşağıda ekleyeceğimiz diğer satırların çok üzerinde olacak. Aşağıdaki satır ayarlarını açın ve güncelleme:
Özel Genişlik: 700px SEIT Genişliği: 1 Özel Kenar: 0px TOP, 0PX, Alt Özel Dolgu: 0px üst, 0px aşağıda Şimdi iki kez iki kez kopya, böylece toplam üç özdeş hattınız var. Bu, satış afişlerimizi oluşturmak için kullanılacaktır.
Üst sınır çerçevesini bitişik metinle ekleyin Satış pankartlarımızı oluşturmak için, solda birkaç metinle üst sınırla başlarız. Bunu yapmak için bölme modülü ve metin modülünü kullanacağız. İlk olarak, yeni bir metin modülü oluşturun ve içerik kutusuna birkaç içerik kelime ekleyin. İçerik: “Yalnızca çevrimiçi” Aşağıdaki tasarım sekmesine devam edin ve güncelleme: Metin yazı tipi ağırlığı: metin yazı tipi stili kalınlığı: tt metin rengi metin: RGBA (255,255,255,0.9) Metin Boyutu Metin: 15px metin mektup alanı: 2px metin çizgisi yüksekliği: 1em genişlik:% 22 (masaüstü),% 25 (tablet), 40 % (Akıllı Telefon) Hizalama Modülü: Sol Özel Kenar Alanı: 0px üst, -15px Alt Özel Dolgu: 0px üst, 0px Altında Özel kenarın altında, bölücümüz eklenmediğinden, ancak metnin eklenmesi gerektiği için erkendir. hemen ekleyecek olan bölücü ile mükemmel bir şekilde sınırlanmıştır. Şimdi bölücü modülünü metin modülünün altına aynı satıra ekleyin. Daha sonra bölücü ayarlarını aşağıdaki gibi güncelleyin: Renk: RGBA (255,255,255.0.9) Sivil Konum: Bölme Ağırlığı altında: 15px yükseklik: 15px genişlik:% 78 (masaüstü),% 75 (tablet),% 60 (akıllı telefon) Modül hizalaması : doğru özel kenar: 0px üst, 0px alt özel dolgu: 0px üst, 0px aşağıda
Tabii ki, tasarımı kendi ihtiyaçlarınız için ayarlarken metin modülünüzün genişliğine bağlı olarak sınır genişliğinizi ayarlamanız gerekir. Ardından, bölücülerimizi bir sonraki tasarlayacağımız satırın sağ sınırına bağlamak için bir bölücü modülü daha eklememiz gerekiyor. Bunun için aşağıdaki kopya ve güncelleme modülü: Genişlik: 15px özel kenar boşluğu: -1px daha düşük
Alt sınır çerçevesini bitişik metinle ekleyin Alt sınır çerçevesini yapmak için, üst sıramızın üst sınır çerçevesinde yaptığımız öğeyi kullanabiliriz. Sadece bu sefer 15 piksel genişlikli bölücü modülüyle başlayacağız. Devam edin ve 15px bölücü modülünü kopyalayın ve üçüncü satıra yapıştırın (aşağıda). Ardından sağa değil, soldaki modül seviyesini güncelleyin.
Ardından, üst sıradan daha uzun olan bölücü modülünü kopyalayın ve alt sıradaki 15px bölücünün altına yapıştırın. Sonra aşağıdakileri ayarlayın: Genişlik:% 75 (masaüstü),% 70 (tablet),% 50 (akıllı telefon) Modül Hizalama: SolSon olarak, metin modülünü üst sıra kopyalayın ve alt sıradaki iki bölücü modülünün altına yapıştırın. Sonra aşağıdakileri güncelleyin: içerik: “1 Kasım’dan başlayarak” genişlik:% 25 (masaüstü),% 30 (tablet),% 50 (Akıllı Telefon) Hizalama Modülü: Doğru Özel Marj: -15px üst, 0px Pilding Gelenek: Kalan 15 piksel Metin modülünü orta satıra ekleyin Şimdi, ana satış bayrağımızın metnini barındıracak orta satırımıza metin modülünü eklemeye hazırız. Üç metin modülü birbirimizin üstüne koyacağız. Lütfen ve ilk metin modülünü orta satıra ekleyin. Ardından aşağıdakileri güncelleyin: İçerik: “Her Şey İndirim%20” Arka Plan Rengi: RGBA (255,255,255.0.9) Metin yazı tipi ağırlığı: Yarı kalınlık metin yazı tipi stili: tt metin rengi metin: #000000 metin boyutu metin: 34px (masaüstü), 20px (akıllı telefon) Metin mektubu aralığı: 2px metin satırı yüksekliği: 1em metin yönelimi: 2VW Üst, 2VW alt, 5VW sol, 5VW sağ beyaz arka planın üzerinde siyah bir metin verir, ekran karışımı modunun parçanın arka planıyla entegre olmasını sağlayan etkisini en üst düzeye çıkarmak için çok önemlidir. Ekran karışım modunu daha sonra satıra ekleyeceğiz. Şimdi bir sonraki metin modülünün tasarımını başlatmak için metin modülünü çoğaltın. Ardından içeriği aşağıdaki html ile güncelleyin:
Güz Satışı
Çizgi düzenlemesi yalnızca başlık metninin etrafına siyah bir sınır ekler. Bir kez daha, siyah renk, parçanın arka planını metinle ortaya çıkarmak için bir ekran karışımı modu ile çalışacaktır. Ardından: Başlık 2 Yazı Tipi Ağırlığı: Kalın Başlık 2 Yazı Tipi Stil: TT Başlık 2 Renk Metin: #000000 Başlık 2 Metin Boyutu: 100px (masaüstü), 80px (tablet), 60px (akıllı telefon) Başlık Başlık 2 harf: 2px özel Marj: 0px Üstü Özel Dolgu: 0px üst, 0px aşağıdaSon metin modülü için, bu orta satırdaki ilk metin modülünü çoğaltın ve ikinci metin modülünün altına yapıştırın. Ardından aşağıdakileri güncelleyin: “Şimdi alışveriş” metin yazı tipi stili: tt, u (altı çizili) Özel kenar: 0px üst özel dolgu: 1VW üst, 2VW Bu tasarımın son aşamasının orta çizgisinin alt alt satırları sınırlar ekliyor Orta sıra ve efekt ekranı karışımı moduna. Bunu yapmak için, aşağıdaki orta ve güncellenmiş satır ayarlarını açın: Özel Dolgu: 15px Sol, 15px sağ Sınır Genişliği: 15px Sağ Sınır Renk: RGBA (255.255.255.0.9) Sol sınır genişliği: 15px Sol Sınır Renk: RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (RGBA (255.255.255.0.9) Karışık Mod: Ekran Ekran kombinasyon modu, metnin arka plan görüntülerinin birleştirmesini sağlar, serin efektler için metinle görüntülenir! Sonuç’a bakın. Satış bayrağınıza bağlantılar ekleyin çünkü bu bir satış afişi olduğundan, dönüşümü artırmak için pankartlara tıklanabilecek alanı en üst düzeye çıkarmak istersiniz. Bunu yapmak için tüm orta çizgiye bağlantılar ekleyebilirsiniz. Orta satır ayarlarını açın ve istediğiniz sayfaya yönlendirmek için satır bağlantısı URL’sini girin. Bu yeni satış afiş tasarımı ile benzersiz bir tasarım için farklı bir arka plan ekleyin, benzersiz bir tasarım oluşturmak için arka plan görüntüsünü kolayca güncelleyebilirsiniz. İşte bazı örnekler.
