Divi için 10 ÜCRETSİZ Akışkan Bölümü Arka Plan Resmini İndirin
Yayınlanan: 2018-10-07Bölümlerinizin görünümünü ve hissini tazelemek istiyorsanız, bu sizin için ideal bir gönderi olabilir. Ücretsiz olarak indirebileceğiniz ve oluşturduğunuz herhangi bir web sitesinde kullanabileceğiniz 10 farklı akışkan bölüm arka plan resmi oluşturduk. Bunun da ötesinde, bu akıcı bölüm arka plan görüntülerini Divi'nin yerleşik seçenekleriyle nasıl birleştireceğinizi de göstereceğiz. Akışkan arka plan resminize herhangi bir gradyan arka planı atayabilir ve içeriğinizin de okunabilir kalmasını sağlamak için onu bir sıra gradyan arka planıyla birleştirebilirsiniz.
Hadi hadi bakalım!
Ön izleme
Yazının devamında indirebileceğiniz 10 farklı akışkan bölüm arka plan resmine göz atarak başlayalım. Benzersiz sonuçlar elde etmek için görüntüleri degrade arka planlarla birleştirdik. Bu gönderide degrade kombinasyonlarının her birini paylaşacağız, ancak istediğiniz sonucu elde etmek için farklı renklerle denemeler yapmaktan çekinmeyin.
Akışkan Bölümü Arka Plan Resimlerini ÜCRETSİZ İndirin
Ellerinizi ücretsiz akışkan bölümü arka plan resimlerine koymak için önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.
Ücretsiz İndir
Divi Bültenine katılın ve size nihai Divi Açılış Sayfası Düzen Paketinin bir kopyasını ve ayrıca tonlarca başka şaşırtıcı ve ücretsiz Divi kaynağı, ipucu ve püf noktası e-posta ile gönderelim. Takip edin ve kısa sürede bir Divi ustası olacaksınız. Zaten aboneyseniz, e-posta adresinizi aşağıya yazın ve düzen paketine erişmek için indir'i tıklayın.
Başarıyla abone oldunuz. Aboneliğinizi onaylamak ve haftalık ücretsiz Divi düzen paketlerine erişmek için lütfen e-posta adresinizi kontrol edin!
Bölümü Yeniden Oluştur
Yeni Normal Bölüm Ekle
aralık
Tüm görüntü dosyalarını indirdikten sonra, WordPress web sitenize gidin ve yeni veya mevcut bir sayfa açın. Ardından Divi's Visual Builder'ı kullanarak yeni bir normal bölüm ekleyin. Ayarlarını açın ve Aralık değerlerini değiştirin.
- Üst Dolgu: 0px
- Alt Dolgu: 0px
Yeni Satır Ekle
Sütun Yapısı
Aşağıdaki sütun yapısını kullanarak bölümünüze yeni bir satır ekleyerek devam edin:
boyutlandırma
Henüz herhangi bir modül eklemeden satır ayarlarını açın ve Boyutlandırma ayarlarında değişiklik yapın.
- Bu Satırı Tam Genişlikte Yap: Evet
- Özel Oluk Genişliğini Kullan: Evet
- Oluk Genişliği: 1
aralık
Aralık ayarlarına da bazı dolgu değerleri ekleyin.
- Üst Dolgu: 312px
- Alt Dolgu: 312px
- Sütun Sol Dolgusu: 50px
- Sütun Sağ Dolgusu: 50px
Metin Modülü Ekle
İçerik Ekle
Modülleri eklemeye başlama zamanı! İhtiyacımız olan ilk modül bir Metin Modülü. Devam edin ve içerik kutusuna tercihen bir H2 başlığı ve bir paragraf olmak üzere biraz içerik ekleyin.
H2 Metin Ayarları
Sonraki H2 metin ayarlarına gidin ve aşağıdaki değişiklikleri uygulayın:
- Başlık 2 Yazı Tipi: Montserrat
- Başlık 2 Yazı Ağırlığı: Ultra Kalın
- Başlık 2 Metin Rengi: #FFFFFF
- Başlık 2 Metin Boyutu: 82px (Masaüstü), 60px (Tablet), 40px (Telefon)
- Başlık 2 Çizgi Yüksekliği: 1.4em
Metin Ayarları
Genel metin ayarlarını da değiştirin.
- Metin Rengi: #FFFFFF
- Metin Boyutu: 16px
- Metin Satır Yüksekliği: 1.9em
- Metin Yönü: Merkez
boyutlandırma
Masaüstünde bu modülün genişliğini azaltarak devam edin.
- Genişlik: %58 (Masaüstü), %100 (Tablet ve Telefon)
- Modül Hizalaması: Merkez
Düğme Modülü Ekle
Kopya Ekle
İhtiyacımız olan ikinci ve son modül bir Düğme Modülü. Modülü Metin Modülünün altına ekledikten sonra biraz kopya ekleyin.
Düğme Hizalama
Sonraki Düğme Hizalamasını değiştirin.
- Düğme Hizalama: Merkez
Düğme Ayarları
Ardından, düğme ayarlarına gidin ve bazı değişiklikler yapın.
- Düğme için Özel Stilleri Kullan: Evet
- Düğme Metin Boyutu: 18px
- Düğme Metin Rengi: #000000
- Düğme Arka Plan Rengi: #FFFFFF
- Düğme Kenar Genişliği: 0px
- Düğme Sınır Yarıçapı: 0px
- Düğme Harf Aralığı: -1px
- Düğme Yazı Tipi: Montserrat
- Yazı Tipi Ağırlığı: Ultra Kalın
- Yazı Tipi Stili: Büyük Harf
aralık
Son olarak, bir üst kenar boşluğu ekleyerek önceki modül ile bu modül arasına biraz boşluk ekleyin.
- Üst Kenar Boşluğu: 25px
Akışkan Bölümü Arka Planı #1
Bölüm Gradyan Arka Planı
Bölümünüz için aşağıdaki gradyan arka planını kullanın:
- Renk 1: #000000
- Renk 2: #2d5b9b
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
İndirme klasöründe bulabileceğiniz ' fluid-style-1.png ' dosyasını yükleyin ve aşağıdaki arka plan ayarlarıyla birleştirin:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Merkez
Satır Gradyan Arka Planı
Üstüne çıkmak için bölüm arka planınızın üstüne bir satır gradyanı ekleyin. Bu, metni daha okunaklı hale getirecektir. Ayrıca sayfanıza biraz derinlik katmanıza yardımcı olacaktır.
- Renk 1: rgba(0,0,0,0.67)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #2 ve #3
Bölüm Gradyan Arka Planı
İkinci ve üçüncü akışkan bölümü arka plan resimleri, aşağıdaki bölüm gradyan arka planını kullanır:
- Renk 1: #4f009e
- Renk 2: #fa00ff
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Eğer indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-2.png' veya 'akışkan tarzı-3.png' dosya yükleme:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Merkez
Satır Gradyan Arka Planı
İnce bir satır gradyan arka planı da ekleyin:
- Renk 1: rgba(255,48,75,0.13)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #4
Bölüm Gradyan Arka Planı
Bölümünüz için aşağıdaki gradyan arka planını kullanın:
- Renk 1: #00245e
- Renk 2: #ffee00
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Eğer indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-4.png' dosyası yükleyin:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Merkez
Satır Gradyan Arka Planı
Bitirmek için aşağıdaki ayarları kullanarak bir satır gradyan arka planı ekleyin:
- Renk 1: rgba(0,0,0,0.37)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #5
Bölüm Gradyan Arka Planı
Bölümünüze aşağıdaki gradyan arka planını ekleyin:
- Renk 1: #04000f
- Renk 2: #00436d
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Ardından, indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-5.png' dosya yüklemek:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Merkez
Satır Gradyan Arka Planı
Aşağıdaki satır gradyan arka planını kullanarak tasarımınızı tamamlayın:
- Renk 1: rgba(0,0,0,0.58)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #6
Bölüm Gradyan Arka Planı
Aşağıdaki çarpıcı bölüm gradyan arka plan kombinasyonunu kullanın:
- Renk 1: #4800ff
- Renk 2: #c854ff
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Eğer indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-6.png' dosyası yükleyin:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Merkez
Satır Gradyan Arka Planı
Son olarak, bir satır degrade arka plan yerleşimi ekleyin.
- Renk 1: rgba(0,0,0,0.51)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #7
Bölüm Gradyan Arka Planı
Bölümünüze aşağıdaki degrade arka plan ayarlarını uygulayın:
- Renk 1: #ff8300
- Renk 2: #52006b
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Eğer indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-7.png' dosyası yükleyin:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Sağ Üst
Satır Gradyan Arka Planı
Son olarak, bölümünüzün üstüne bir satır gradyan arka planı ekleyin.
- Renk 1: rgba(106,0,198,0.34)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #8
Bölüm Gradyan Arka Planı
Bölümünüze aşağıdaki mavi degrade arka planı uygulayın:
- Renk 1: #0b43dd
- Renk 2: #09f9ed
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Eğer indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-8.png' dosyası yükleyin:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Sol Üst
Satır Gradyan Arka Planı
Satır gradyan arka planı uygulayarak tasarımınızı tamamlayın.
- Renk 1: rgba(0,7,119,0.57)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Doğrusal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #9
Bölüm Gradyan Arka Planı
Bölümünüze aşağıdaki gradyan arka planını ekleyin:
- Renk 1: #051f89
- Renk 2: #6d0272
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Eğer indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-9.png' dosyası yükleyin:
- Arka Plan Resmi Boyutu: Kapak
- Arka Plan Resmi Konumu: Merkez
Satır Gradyan Arka Planı
Son olarak, bir satır gradyan arka planı kullanarak içeriğinizin okunabilirliğini artırın.
- Renk 1: rgba(0,0,0,0.59)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Akışkan Bölümü Arka Planı #10
Bölüm Gradyan Arka Planı
Son örnek, aşağıdaki bölüm gradyan arka planına ihtiyaç duyar:
- Renk 1: #051f89
- Renk 2: #6d0272
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 137deg
- Başlangıç Konumu: %48
Bölüm Arka Plan Resmi
Eğer indirme klasöründe bulun ve aşağıdaki arka plan ayarları ile birleştirebilirsiniz 'akışkan tarzı-10a.png' dosyası yükleyin:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Sol Üst
Satır Gradyan Arka Planı
Ardından bir satır gradyan arka planı ekleyin.
- Renk 1: rgba(0,0,0,0.59)
- Renk 2: rgba(255,255,255,0)
- Gradyan Türü: Radyal
- Radyal Yön: Merkez
Satır Arka Plan Resmi
Satırınıza bir arka plan resmi de ekleyin. İndirme klasöründe ' fluid-style-10b.png ' dosyasını bulun, yükleyin ve aşağıdaki arka plan ayarlarıyla birleştirin:
- Arka Plan Resmi Boyutu: Gerçek Boyut
- Arka Plan Resmi Konumu: Sağ Alt
Ön izleme
Tüm adımların üzerinden geçtik, şimdi sonuca son bir göz atalım.
Son düşünceler
Bu gönderide, kendi web sitelerinizde herhangi bir kısıtlama olmaksızın kullanabileceğiniz 10 farklı ve benzersiz akıcı bölüm arka plan görseli paylaştık. Bunun da ötesinde, yalnızca Divi'nin yerleşik seçeneklerini kullanarak akıcı arka plan görüntüleri ile birleştirebileceğiniz çarpıcı gradyan arka planları da sağladık. Herhangi bir sorunuz veya öneriniz varsa, aşağıdaki yorum bölümüne bir yorum bıraktığınızdan emin olun ve akışkan bölüm arka plan resimlerinden en çok hangisini beğendiğinizi bize bildirin!