Gradient Repeat seçeneğini kullanarak özel arka plan desenleri oluşturmak ister misiniz? Divi ?
arka plan seçenekleri Divi arka plan desenleri oluşturmak için birçok yol sunar. Yalnızca degradeleri kullanarak arka plan desenleri bile oluşturabilirsiniz. Degrade Tekrar seçeneği bunu basit ve kolay hale getirir.
Bu yazımızda Degrade Tekrarı seçeneğinin nasıl kullanılacağını göreceğiz. Divi özel arka plan desenleri oluşturmak için.
Başlayalım.
Ayrıca bakınız: Divi: Bir düğmeye tıkladıktan sonra görünen bir iletişim formu nasıl oluşturulur
Gradyan tekrarı nedir
Degrade Tekrar seçeneği, Degrade Duraklarına dayalı bir desen oluşturur. Degrade durakları, renklerin degradede nerede göründüğünü ve durduğunu belirleyen ölçümlerdir. Divi ve Gradient Builder, deseni oluşturmak için bu durakları kullanır.
Son renk, degradeye kesme noktasının degradede nerede olduğunu söyler. Bu kesme noktasından önce istediğiniz kadar renge sahip olabilirsiniz.
Le Gradyan Oluşturucu daha sonra deseni oluşturan ekranı doldurmak için bunu tekrarlayacaktır. Seçenek herhangi bir bölüme, satıra, sütuna veya modüle eklenebilir ve birlikte kullanılabilir.
“Arka Plan Gradyanı” seçeneğini etkinleştirin
Seçeneği etkinleştirmek için Gradyan Tekrarı, dişli simgesine tıklayarak bölümün ayarlarını açın. Ayrıca satırlar, sütunlar ve modüller.
Kaydırın Olayın Arka Planı . Sekme seç Gradyan Arka Planı ve tıklayın Arka Plan Gradyanı Ekle.
Degrade durdurma çubuğunun altında adı verilen bir ayar bulunur. Gradyan Tekrarı . Bu, varsayılan olarak devre dışıdır. Etkinleştirmek için üzerine tıklamanız yeterlidir.
Degrade şimdi tekrar edecek ve degrade duraklarınıza ve degrade birimi gibi diğer degrade ayarlarınıza göre bir desen oluşturacaktır.
Gradyan birimleri
Gradyan birimi ölçüm birimidir. Bu, gradyan duraklarının nasıl ölçüldüğünü belirleyen gradyan çubuğundaki gradyan durma numaralarının neyi gösterdiğini belirtir. Bu, tekrar seçeneği tarafından oluşturulan deseni etkiler.
Divi'nin arka plan degrade oluşturucusu 15 birim sunar. En popüler dört seçeneğin bir örneğine bakalım. Örneklerimizde göreceğimiz gibi, degrade durak sayınıza ve ayarlarınıza bağlı olarak sonuç değişecektir.
Yüzde (yüzde)
Yüzde, gradyan duraklarını yüzde olarak ölçer. Bu, ana öğeye dayalı olarak gradyan noktalarını hesaplar. Son degrade dikiş ne kadar küçük olursa, oluşturulan desen o kadar sıkı olur. Renklerden birinin konumunu ayarlarken, diğerleri yerinde kalırken o renk hareket eder.
Piksel (px)
Pikseller, her degrade durağı için piksel sayısını ölçer. Bu, degradeye diğer çoğu birim türünden daha küçük bir desen verir. İlk veya son rengin konumunun taşınması, her rengin konumunu değiştirir.
Pencere yüksekliği (vh)
Görünüm alanı, tarayıcı penceresinin görünen alanıdır. Yükseklik ve genişlik olarak ayrı ayrı ölçülür. Pencere yüksekliği, pencere boyutu yüksekliğinin yüzdesini ölçmek için gradyan duraklarını kullanır. İlk veya son rengin konumunun ayarlanması tüm renkleri etkiler.
Pencere genişliği (vw)
Pencere genişliği, pencere boyutu genişliğinin (veya tarayıcı genişliğinin) yüzdesini ölçmek için gradyan duraklarını kullanır. Genişliğe bağlı olarak ayarlar değişir. Sayıyı büyütüp küçülttüğünüzde, o belirli rengin konumu değişirken diğerleri aynı kalır.
"Degrade Tekrar" seçeneğini kullanma örnekleri
Ayrıca Oku: Divi: Kaydırılabilir teaser içeriği olan bir tablet nasıl oluşturulur?
Örneklerimiz için, ana sayfanın Harekete Geçirici Mesaj bölümünü kullanıyoruz. ücretsiz akupunktur düzeni paketi Divi'de mevcuttur.
Bölümün ilk sütununda bir ayarlama yapmamız gerekecek. Onları aç hat parametreleri dişli simgesine tıklayarak.
Ardından dişli simgesi ilk sütun için.
sütun bir gradyan
İlk sütunun kendi arka plan gradyanı vardır. Düzenin bir parçası. Bunu değiştirmeyeceğiz. Aynı gradyanı dört örneğimizde kullanacağız. İhtiyaç duymanız durumunda ayarlar burada.
- Gradyan Durakları:
- 0px: #f4d5b8
- 100 piksel: rgba(244,213,184,0)
Gradyan ayarları
- Gradyan Türü: Doğrusal
- Gradyan Konumu: 180 derece
- Gradyan Tekrarı: HAYIR
- Gradyan Birimi: Yüzde
- Arka Plan Resminin Üzerinde Kare Gradyan: HAYIR
aralık
Sütunun soluna boşluk ekleyeceğiz. Sekmeye erişin Dizayn, kaydır aralık ve seçin tablet simgesi Cihaz seçeneklerini açmak için
Masaüstü ve tablet sekmeleri için %5 sol dolgu ekleyin. Telefon sekmesini seçin ve sol dolguyu silin. Mevcut ayarlarında Üst ve Sağ bırakın.
- Dolgu malzemesi
- Üst: 180 piksel
- Sol: %5
- Sol: 80 piksel
örnek bir
İlk örneğimiz, ince çizgilerle çapraz yinelenen bir desen oluşturur.
Bunun üç gradyan durağı var.
- Gradyan Durakları:
- 4 piksel: #fff6ee
- 9px: #ede3dc
- 14 piksel: #e8ded7
Aşağıdaki ayarları kullanın.
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 156 derece
- Gradyan Tekrarı: EVET
- Gradyan Birimi: piksel
- Arka Plan Resminin Üzerinde Kare Gradyan: hayır
İkinci örnek
İkinci örneğimiz, daha büyük çizgilerle çapraz yinelenen bir desen oluşturur.
Bunun üç gradyan durağı var.
- Gradyan Durakları:
- 4 piksel: #fff6ee
- 43px: #ede3dc
- 50 piksel: #e8ded7
Gradyan ayarları için,
- Gradyan Türü: Doğrusal
- Gradyan Yönü: 156 derece
- Gradyan Tekrarı: EVET
- Gradyan Birimi: piksel
- Arka Plan Resminin Üzerinde Kare Gradyan: HAYIR
Örnek üç
Üçüncü örneğimiz, orta büyüklükte dairelerle yinelenen dairesel bir desen oluşturur.
Bunun üç gradyan durağı var.
- Gradyan Durakları
- 4 piksel: #fff6ee
- 7 piksel: #e8ded7
- 8px: #ede3dc
Aşağıdaki degrade ayarlarını uygulayın
- Gradyan Türü: Dairesel
- Gradyan Konumu: Alt
- Gradyan Tekrarı: EVET
- Gradyan Birimi: Yüzde
- Arka Plan Resminin Üzerinde Kare Gradyan: HAYIR
Örnek 4
Dördüncü örneğimiz, büyük daireler içeren dairesel bir desen oluşturur.
Bunun üç gradyan durağı var.
- Gradyan Durakları:
- 4 piksel: #fff6ee
- 23 piksel: #e8ded7
- 31px: #ede3dc
Degrade ayarları için aşağıdaki gibi değiştirin:
- Gradyan Türü: Dairesel
- Gradyan Konumu: Merkez
- Gradyan Tekrarı: EVET
- Gradyan Birimi: Yüzde
- Arka Plan Resminin Üzerinde Kare Gradyan: hayır
DIVI'yı Şimdi İndirin !!!
Sonuç
Bu seçeneği nasıl kullanacağımıza bakışımız Gradyan Tekrarı Divi'den özel arka planlar oluşturmak için. Degrade ayarlarındaki birçok ayarlama, degradenin tasarımını etkiler.
Gradient Repeat, ilginç özel arka plan desenlerini kolayca oluşturmak için tüm bu ince ayarlarla iyi çalışır.
Burada sağladığımız örnekleri denemenizi ve degradelerin nasıl etkilendiğini görmek için değişiklikler yapmanızı ve kendi özel arka plan degradelerinizi oluşturmanızı öneririz.
Bu eğitimin bir sonraki Divi projeleriniz için size ilham vereceğini umuyoruz. Herhangi bir endişeniz veya öneriniz varsa, bizi yorumlar bölümü bunu tartışmak için.
Ayrıca danışabilirsiniz kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
