Divi blog yazınız için 5 parlak arka plan stilini indirin
Biz diğer ücretsiz divi indirmeleri ile buradayız! Bu sefer size web sitenizde bir blog yayınlamak için kullanabileceğiniz 5 farklı yaşam arka plan stili veriyoruz. Bu arka plan stilini, yayınladığınız çeşitli blog yayınlarında farklı bir görünüm sağlamak ve hissetmek için aynı web sitesinde kolayca birleştirebilirsiniz. Tüm bu dinamik arka plan stilini ücretsiz olarak sunmanın yanı sıra, web sitenizde oluşturduğunuz ve yayınladığınız her blog yazısı için tekrar kullanabileceğiniz bir blog yazısı şablonu oluşturmanıza da rehberlik edeceğiz.
Haydi Yapalım şunu! Başlayalım, 5 farklı sonuca bakarak başlayalım ve farklı ekran boyutlarında görüntülenelim.
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.
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Renk paleti Her arka plan stili için, aşağıdaki renk paletini bulabilirsiniz. Öğretici boyunca renk numarasına atıfta bulunacağız, bu yüzden yapmak istediğiniz ve oradan başlamak istediğiniz arka plan stilini ve paleti seçin.
Palet #1 Renk #1: #886DFC
Renk #2: #7C56BD
Renk #3: #372C66
Palet #2 Renk #1: #42BCB2
Renk #2: #9CFEF0
Renk #3: #A8baf7
Palet #3 Renk #1: #96b2ff
Renk #2: #D999ff
Renk #3: #357ff4
Palet #4 Renk #1: #B981FF
Renk #2: #24Eefa
Renk #3: #Be7bf2
Palet #5 Renk #1: #E02B20
Renk #2: #F6ff56
Renk #3: #db241e
Yeni bir gönderi yapın Ayrıntılar ekleyin ve Divi Builder’ı etkinleştirin Başından başlayalım! WordPress sitenize yeni bir sayfa ekleyin, sayfanızın başlığını ekleyin, üstün resimler yükleyin ve Divi Builder’ı etkinleştirin. Divi Sayfa Ayarları Visual Builder’a geçmeden önce, sayfanın sağ üst kısmındaki Divi Sayfa Ayarları kutusunda bazı değişiklikler yapın. Bu, bir blog yazısı düzeni oluşturmak için Divi ile tam olarak çalışmanızı sağlayacaktır. Web sitenizdeki şablonları yeniden kullanmayı planlıyorsanız, her yeni blog yazısı oluşturduğunuzda bu ayarları değiştirmeyi hatırlamanız gerekir.
Sayfa Düzeni: Tam Genişlik
Gönderi başlığı: gizle Görsel oluşturucunuza dönmek artık görsel oluşturucuya geçebilir. Bunu yaptıktan sonra ekranınızda üç seçenek görünecektir. Başlangıçtan oluşmaya başlamak için mavi düğmeyi tıklayın. Bir blog yazısı oluşturun Tasarım Bölüm #1 Arka Plan Görüntü Ekle Bir şablon yapmaya başlayalım! Üstte boş bir parça ile başlayın. Bölüm ayarlarını açın, arka plan ayarlarını açın ve arka plan stilini yükleyin. 5 varyasyonun hepsini indirme klasörünü girerek bulabilirsiniz> Kahraman. Arka Plan Görüntü Boyutu: Kapak
Arka Plan Görüntü Pozisyonu: Üst Orta
Arka plan görüntülerinin tamamen görünmesine izin vermek, üst dolgu ile oynuyor. Üst dolgu: 660px
Az önce eklediğiniz parçanın hemen altına 2. Bölüm mesafesini ekleyin, devam edin ve diğerlerini ekleyin. Ayarları açın, alan ayarlarını açın ve tüm varsayılan özel rulmanları silin. Üst dolgu: 0px
Aşağıda dolgu: 0px
Sütun yapısının yeni bir satırı ekleyin. Aşağıdaki sütun yapısını kullanarak bölüme yeni bir satır ekleyerek devam edin: Bir sonraki bölümün altındaki tüm varsayılan dolguların mesafesini kaldırın. Aşağıda dolgu: 0px
Modül Ekle Modül Ekle Modül Ekle! Bu satırda, yalnızca bir post başlık modülüne ihtiyacımız var. Ekledikten sonra görüntülemek istediğiniz öğeleri seçin. Başlık Metin Ayarları Ardından, başlık metni ayarlarını açın ve bazı değişiklikler yapın. Yazı Tip Başlığı: Abril Fatface
Hizalama Metin Başlığı: Orta
Başlık Metin Boyutu: 73px (masaüstü), 50px (tablet), 40 piksel (telefon)
Meta Metin Ayarları Meta metin ayarlarının da değiştirilmesi gerekir.
Arka plan görüntüsünün tekrarlanması: Uzay
Bu ve önceki parçalar arasındaki tüm beyaz boşlukları çıkarmak için tüm dolguların bu bölümün varsayılanları üzerindeki mesafesini kaldırın.
Üst dolgu: 0px Aşağıdaki sütun yapısını kullanarak bölüme yeni satırlar ekleyerek 1 numaralı Sütun Yapısı Ekle:
Arka plan rengi Bir sonraki satıra biraz şeffaf bir arka plan rengi ekleyin. Arka plan rengi: RGBA (255,255,255.0.86) Mesafe de varsayılan özel rulmanları silin.
Üst dolgu: 0px Aşağıda dolgu: 0px
Metin Modülünü Ekle Ekle Metin Modülünü eklediğiniz satıra ekleyerek devam edin. Burada, istediğiniz tüm blog yayın içeriğini ekleyebilir ve istenen sonuçları elde etmek için farklı bir metin stili kullanabilirsiniz. Aşağıdaki baskı ekranında başlıklar ve paragraflar kullanıyoruz.
Metin Ayarları Metin ayarlarını açın ve orada bazı değişiklikler yapın. Metin boyutu: 21px (masaüstü), 18px (tablet), 15px (cep telefonu) Hat yüksekliği metni: 2em
Başlık Ayarları Başlık metin ayarlarının da değiştirilmesi gerekir.
Yazı Tip Başlığı: Abril Fatface Başlık Metin Boyutu: 46px (masaüstü), 40px (tablet), 30px (cep telefonu)
Yüksek çizgi başlığı: 1.5em
Mesafe Bir sonraki özel dolgu değerleri ekleyin.
Üst dolgu: 80px Dolgu Alt: 80PXPADDING Sol: 80px (masaüstü), 40px (tablet), 30px (Cep Telefonu)
Sağ dolgu: 80px (masaüstü), 40 piksel (tablet), 30px (telefon)
Kutunun gölgesini tamamlamak için pürüzsüz kutunun gölgesini metin modülüne ekleyin. Bu, blog yayın şablonuna biraz derinlik getirecektir.
Bulanık Güç Gölgesi Kutusu: 80px
Kutunun gölgesinin dağılımının gücü: -14px Bir sütun kullanarak önceki satırın hemen altına yeni bir satır ekleyerek satır #2 sütun yapısı ekleyin.
Bu çizgiden tüm varsayılan özel dolguları silmek için mesafe.
Üst dolgu: 0px Aşağıda dolgu: 0px Optin e -posta modülünü ekleyin, içeriği ekleyin, ardından CTA’nızı ekleyin. Optin e -posta modülünü kullanıyoruz. Ekledikten sonra içeriği değiştirin.
Alanımız yalnızca bu modülde e -posta adresini kullanır, bu nedenle alan ayarlarında ad ve soyadı devre dışı bırakın.
Gradyan Arka Plan, gradyanın arka planını Optin e -posta modülüne ekleyerek devam edin. Renk 1: Renk #2 (palette bulun) Renk 2: Renk #3 (palette bulun) Gradyan yönü: 144deg
Düzen daha sonra, modülün düzenini değiştirin.
Düzen: Yukarıdaki vücut, aşağıdaki şekil
Metin ayarları ayrıca metin ayarlarını da değiştirir. Metin Oryantasyonu: Orta
Metin Rengi: Işık Sonraki başlık metin ayarları, başlık metni ayarlarını açın ve bazı değişiklikler yapın.
Yazı Tip Başlığı: Abril Fatface
Başlık Metin Boyutu: 54 piksel (masaüstü), 40 piksel (tablet), 35px (telefon) Değiştir düğmesini ayarlayın Düğmeyi de görüntüle.
Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 0px Yazı tipi kuvveti: alt çizgiler
Altı Kuvvet: Çift
Son mesafe, Optin e -posta modülü için boşluk ayarlarında farklı özel dolgu değerleri kullanın.
Üst dolgu: 100 piksel
Dolgu Alt: 100 piksel Sol dolgu: 300 piksel (masaüstü), 50px (tablet ve cep telefonu) Sağ dolgu: 300 piksel (masaüstü), 50px (tablet ve cep telefonu)
Yeniden kullanılmak üzere Divi Kütüphanesi’ndeki düzeni kaydedin, düzeni Divi kütüphanesinde saklamaktır.Bu şekilde, diğer sayfalar için de tekrar kullanabilirsiniz!Yeni bir sayfa oluştururken blog yayınlarını mevcut sayfalar olarak da erişebilirsiniz.
Önizleme Şimdi tüm adımlardan geçtikten sonra, yaptığımız nihai sonuçlara bakalım.
Bu yazıdaki son zihin, sizinle ücretsiz indirebileceğiniz şaşırtıcı ve hevesli arka plan stillerini paylaştık.Ayrıca, sıfırdan bir blog yazısı şablonu yapmanıza da rehberlik ettik.Kendinizi tasarladığınız blog gönderisi için bu arka plan stilini kullanmaktan çekinmeyin.Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Renk paleti Her arka plan stili için, aşağıdaki renk paletini bulabilirsiniz. Öğretici boyunca renk numarasına atıfta bulunacağız, bu yüzden yapmak istediğiniz ve oradan başlamak istediğiniz arka plan stilini ve paleti seçin.
Palet #1 Renk #1: #886DFC
Renk #2: #7C56BD
Renk #3: #372C66
Palet #2 Renk #1: #42BCB2
Renk #2: #9CFEF0
Renk #3: #A8baf7
Palet #3 Renk #1: #96b2ff
Renk #2: #D999ff
Renk #3: #357ff4
Palet #4 Renk #1: #B981FF
Renk #2: #24Eefa
Renk #3: #Be7bf2
Palet #5 Renk #1: #E02B20
Renk #2: #F6ff56
Renk #3: #db241e
Yeni bir gönderi yapın Ayrıntılar ekleyin ve Divi Builder’ı etkinleştirin Başından başlayalım! WordPress sitenize yeni bir sayfa ekleyin, sayfanızın başlığını ekleyin, üstün resimler yükleyin ve Divi Builder’ı etkinleştirin. Divi Sayfa Ayarları Visual Builder’a geçmeden önce, sayfanın sağ üst kısmındaki Divi Sayfa Ayarları kutusunda bazı değişiklikler yapın. Bu, bir blog yazısı düzeni oluşturmak için Divi ile tam olarak çalışmanızı sağlayacaktır. Web sitenizdeki şablonları yeniden kullanmayı planlıyorsanız, her yeni blog yazısı oluşturduğunuzda bu ayarları değiştirmeyi hatırlamanız gerekir.
Sayfa Düzeni: Tam Genişlik
Gönderi başlığı: gizle Görsel oluşturucunuza dönmek artık görsel oluşturucuya geçebilir. Bunu yaptıktan sonra ekranınızda üç seçenek görünecektir. Başlangıçtan oluşmaya başlamak için mavi düğmeyi tıklayın. Bir blog yazısı oluşturun Tasarım Bölüm #1 Arka Plan Görüntü Ekle Bir şablon yapmaya başlayalım! Üstte boş bir parça ile başlayın. Bölüm ayarlarını açın, arka plan ayarlarını açın ve arka plan stilini yükleyin. 5 varyasyonun hepsini indirme klasörünü girerek bulabilirsiniz> Kahraman. Arka Plan Görüntü Boyutu: Kapak
Arka Plan Görüntü Pozisyonu: Üst Orta
Arka plan görüntülerinin tamamen görünmesine izin vermek, üst dolgu ile oynuyor. Üst dolgu: 660px
Az önce eklediğiniz parçanın hemen altına 2. Bölüm mesafesini ekleyin, devam edin ve diğerlerini ekleyin. Ayarları açın, alan ayarlarını açın ve tüm varsayılan özel rulmanları silin. Üst dolgu: 0px
Aşağıda dolgu: 0px
Sütun yapısının yeni bir satırı ekleyin. Aşağıdaki sütun yapısını kullanarak bölüme yeni bir satır ekleyerek devam edin: Bir sonraki bölümün altındaki tüm varsayılan dolguların mesafesini kaldırın. Aşağıda dolgu: 0px
Modül Ekle Modül Ekle Modül Ekle! Bu satırda, yalnızca bir post başlık modülüne ihtiyacımız var. Ekledikten sonra görüntülemek istediğiniz öğeleri seçin. Başlık Metin Ayarları Ardından, başlık metni ayarlarını açın ve bazı değişiklikler yapın. Yazı Tip Başlığı: Abril Fatface
Hizalama Metin Başlığı: Orta
Başlık Metin Boyutu: 73px (masaüstü), 50px (tablet), 40 piksel (telefon)
Meta Metin Ayarları Meta metin ayarlarının da değiştirilmesi gerekir.
Meta metninin hizalanması: orta
Meta Metin Renk: Renk #1 (palette bulun)
Meta Metin Boyutu: 18px
Meta Hat Yüksekliği: 3EM
Bölüm #3 Ekle Bu sayfadaki son arka plan görüntüsü blog yayınları ve CTA içeriği içerecektir. Seçtiğiniz arka plan stilini yükleyerek başlayın. Varyasyonlarını indirme klasörü> gövdesini açarak bulabilirsiniz. Bir arka plan resmi yükledikten sonra, arka plan ayarlarında bazı değişiklikler yapın. Arka plan görüntü boyutu: gerçek boyut
Arka plan görüntüsünün tekrarlanması: Uzay
Bu ve önceki parçalar arasındaki tüm beyaz boşlukları çıkarmak için tüm dolguların bu bölümün varsayılanları üzerindeki mesafesini kaldırın.
Üst dolgu: 0px Aşağıdaki sütun yapısını kullanarak bölüme yeni satırlar ekleyerek 1 numaralı Sütun Yapısı Ekle:
Arka plan rengi Bir sonraki satıra biraz şeffaf bir arka plan rengi ekleyin. Arka plan rengi: RGBA (255,255,255.0.86) Mesafe de varsayılan özel rulmanları silin.
Üst dolgu: 0px Aşağıda dolgu: 0px
Metin Modülünü Ekle Ekle Metin Modülünü eklediğiniz satıra ekleyerek devam edin. Burada, istediğiniz tüm blog yayın içeriğini ekleyebilir ve istenen sonuçları elde etmek için farklı bir metin stili kullanabilirsiniz. Aşağıdaki baskı ekranında başlıklar ve paragraflar kullanıyoruz.
Metin Ayarları Metin ayarlarını açın ve orada bazı değişiklikler yapın. Metin boyutu: 21px (masaüstü), 18px (tablet), 15px (cep telefonu) Hat yüksekliği metni: 2em
Başlık Ayarları Başlık metin ayarlarının da değiştirilmesi gerekir.
Yazı Tip Başlığı: Abril Fatface Başlık Metin Boyutu: 46px (masaüstü), 40px (tablet), 30px (cep telefonu)
Yüksek çizgi başlığı: 1.5em
Mesafe Bir sonraki özel dolgu değerleri ekleyin.
Üst dolgu: 80px Dolgu Alt: 80PXPADDING Sol: 80px (masaüstü), 40px (tablet), 30px (Cep Telefonu)
Sağ dolgu: 80px (masaüstü), 40 piksel (tablet), 30px (telefon)
Kutunun gölgesini tamamlamak için pürüzsüz kutunun gölgesini metin modülüne ekleyin. Bu, blog yayın şablonuna biraz derinlik getirecektir.
Bulanık Güç Gölgesi Kutusu: 80px
Kutunun gölgesinin dağılımının gücü: -14px Bir sütun kullanarak önceki satırın hemen altına yeni bir satır ekleyerek satır #2 sütun yapısı ekleyin.
Bu çizgiden tüm varsayılan özel dolguları silmek için mesafe.
Üst dolgu: 0px Aşağıda dolgu: 0px Optin e -posta modülünü ekleyin, içeriği ekleyin, ardından CTA’nızı ekleyin. Optin e -posta modülünü kullanıyoruz. Ekledikten sonra içeriği değiştirin.
Alanımız yalnızca bu modülde e -posta adresini kullanır, bu nedenle alan ayarlarında ad ve soyadı devre dışı bırakın.
Gradyan Arka Plan, gradyanın arka planını Optin e -posta modülüne ekleyerek devam edin. Renk 1: Renk #2 (palette bulun) Renk 2: Renk #3 (palette bulun) Gradyan yönü: 144deg
Düzen daha sonra, modülün düzenini değiştirin.
Düzen: Yukarıdaki vücut, aşağıdaki şekil
Metin ayarları ayrıca metin ayarlarını da değiştirir. Metin Oryantasyonu: Orta
Metin Rengi: Işık Sonraki başlık metin ayarları, başlık metni ayarlarını açın ve bazı değişiklikler yapın.
Yazı Tip Başlığı: Abril Fatface
Başlık Metin Boyutu: 54 piksel (masaüstü), 40 piksel (tablet), 35px (telefon) Değiştir düğmesini ayarlayın Düğmeyi de görüntüle.
Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 0px Yazı tipi kuvveti: alt çizgiler
Altı Kuvvet: Çift
Son mesafe, Optin e -posta modülü için boşluk ayarlarında farklı özel dolgu değerleri kullanın.
Üst dolgu: 100 piksel
Dolgu Alt: 100 piksel Sol dolgu: 300 piksel (masaüstü), 50px (tablet ve cep telefonu) Sağ dolgu: 300 piksel (masaüstü), 50px (tablet ve cep telefonu)
Yeniden kullanılmak üzere Divi Kütüphanesi’ndeki düzeni kaydedin, düzeni Divi kütüphanesinde saklamaktır.Bu şekilde, diğer sayfalar için de tekrar kullanabilirsiniz!Yeni bir sayfa oluştururken blog yayınlarını mevcut sayfalar olarak da erişebilirsiniz.
Önizleme Şimdi tüm adımlardan geçtikten sonra, yaptığımız nihai sonuçlara bakalım.
Bu yazıdaki son zihin, sizinle ücretsiz indirebileceğiniz şaşırtıcı ve hevesli arka plan stillerini paylaştık.Ayrıca, sıfırdan bir blog yazısı şablonu yapmanıza da rehberlik ettik.Kendinizi tasarladığınız blog gönderisi için bu arka plan stilini kullanmaktan çekinmeyin.Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
