Divi ile arka plan modelinize özel boyut nasıl eklenir
Yeni arka plan deseni Divi, herhangi bir divi düzenine birçok görsel tasarım seçeneği ekledi. Bu yinelenen arka plan deseni iyi görünüyor, ancak tekrarlayan bir modelden daha fazlası için kullanılabilir. Ayrıca, ekrandaki belirli alanlara dikkat çekmek veya görsel öğeleri kırmak için tek bir arka plan grafiği olarak da kullanabiliriz. Divi arka plan desen ayarları, bu durumda özel boyut bize birçok tasarım seçeneği sunar. Bu yazıda, üç örnek göreceğiz ve kendi Divi web siteniz için fikir edinmenize yardımcı olmak için Divi ile arka plan modelinize nasıl özel boyutlar ekleyeceğinizi göreceğiz.
Önizlemenin ilk olarak, ne yapacağımızı görelim. İşte masaüstü ekran, tablet ve cep telefonunun boyutunda her arka plan deseninin görüntülenmesi. İlk özel masaüstü boyutunun arka plan modelinin sonuçları
Arka plan paterninin ayarlanması Desenin rengini RGBA olarak değiştirin (68,40,84,0.13). Bu renk arka plan rengimizle iyi karışıyor. Desen rengi: RGBA (68,40,84,0.13)
Ardından, açılır desen boyutu kutusunu açın ve özel boyutu seçin. 41VH desenini yüksek, orijinalin tekrarlama paternini alt ortaya ayarlayın ve x (yatay) tekrarlamak için desenlerin tekrarlanmasını ayarlayın. Bu bize ekrandaki arka plan modelinin boyutu ve konumu üzerinde kontrol sağlar. Desen Boyutu: Özel Boyut
Yükseklik: 41vh
Origin Tekrar: Alt Merkez
Tekrarlayın: X (yatay) tekrarlayın
Bir sonraki tablet arka plan ayarları, arka plan işlevini farklı bir ekran boyutuyla düzgün hale getirmemiz gerekir. Desenin yüksekliğini ekran boyutuna göre ayarlamamız gerekir. Arka plan ayarlarına geri gidin ve tablet simgesini seçin. Deseni 30VH olarak değiştirin. Desen yüksekliği: 30vh Son telefon arka plan ayarları, arka plan ayarlarına geri dönün ve telefon simgesini seçin.
Desen yüksekliğini 25VH olarak değiştirin. Modül ayarlarını kapatın ve sayfanızı kaydedin. Yüksek desen: 25vh Arka Plan Desenleri Örnekleri Özel Boyut İkinci Örnek İkinci Özel Boyutun Arka Plan Desenleri Örnekleri Ekranın ortasına bir daire ekleyeceğiz. Tasarımımız için amiral gemisi resmimizde Acai kasesinin arkasında görünecek. Ayarlar bölümündeki arka plan desenini seçin, arka plana gidin ve aygıt ekran boyutu ayarlarını açmak için tablet simgesini seçin. Masaüstü sekmesini seçin, Arka Plan Deseni sekmesini seçin ve Arka Plan Desen Ekle’yi tıklayın.
Bu örnek için Polka Dot S istiyoruz. Bu varsayılan seçenektir, bu nedenle aslında bu seçenek için bir açılır kutu açmanıza gerek yoktur. Farklı arka plan kalıplarından bu desene geçerseniz seçeneği gösteriyorum. Arka plan ekleme modelini tıkladığınızda Polkadot otomatik olarak görünür. Deseni çift tıklayın veya değiştirmek için açılır kutuyu kullanın. Arka plan deseni: Polka noktaları Rengi beyaz olarak değiştirin. Bu, arka plana beyaz bir daire eklememizi sağlar.
Renk: #ffffff
Sonraki. Desen boyutunu özel olarak, yüksekliği 400vh olarak ayarlayın ve orijin ortasına tekrarlayın. Bu ayar noktanın boyutunu ve konumunu kontrol eder. Bu durumda, arka planda görünmek için bir noktaya değindik.Desen Boyutu: Özel Boyut Desen Yüksek: 400VH Tekraren Origin: Merkez
Bir sonraki tablet arka plan ayarı, tüm ekran boyutlarında iyi çalıştığından emin olmalıyız. Tablet sekmesini seçin.
Ardından, deseni 300vh olarak değiştirin.
Yüksek desen: 300vh Son telefon arka plan ayarları, arka plan ayarlarına dönün ve telefon ekranı boyutu ayarlarını açmak için telefon sekmesini seçin. Desen yüksekliğini 200vh olarak değiştirin. Modül ayarlarını kapatın ve sayfanızı kaydedin.
Yüksek desen: 200vh Arka plan desenlerinin örnekleri Özel boyut üçüncü, bu örnek ortada tek bir zig-zag çizgi görüntüler. Bunun için cep telefonunu ayrı ayrı düzenlememize gerek yok. Tablet ayarlarını takip etmesine izin vereceğiz. Üçüncü özel boyutta arka plan modelimizin örnekleri için arka plan desenini seçin, bölümün ayarlarını açın ve arka plana doğru kaydırın. İmleci arka plan ayarlarına gidin ve cihaz ayarlarını açmak için tablet simgesini tıklayın. Masaüstü sekmesini seçin ve Arka Plan Deseni sekmesini seçin. Arka plan desenini ekleyin. Açılır arka plan desen kutusunu açın ve Zig Zag 2’yi seçin. Bu desen ekranı zig-zag hattı ile doldurur, ancak yalnızca bir satır görüntüleyecek şekilde ayarlayacağız.
Arka plan deseni: Zig Zag 2 Arka plan modelinin rengini RGBA olarak değiştirin (68,40,84.0.09). Bu renk arka plan rengimizle yüksek kontrastlı değildir, bu nedenle müdahale etmez. Renk Arka Plan Deseni: RGBA (68,40,84,0.09)
Desenin boyutunu özel boyuta, 20VH deseninin yüksekliğine, menşe tekrarlama paterni ve desenlerin tekrarlama X’e (yatay) tekrarlanması olarak ayarlayın. Diğer örnekler gibi, bu da desenin boyutunu ve konumunu kontrol eder. Desen Boyutu: Özel Boyut Desen Yüksek: 20VH
Tekraren Origin: Merkez Desenleri tekrarlayın: X (yatay) tekrarlayın
Son tablet arka plan ayarları, arka plan ayarlarının başlangıcına geri dönün ve tablet simgesini tıklayın. Telefon ayarları otomatik olarak bu ayarı kullanacaktır, bu nedenle telefon sekmesinde ayarlamalar yapmamız gerekmez.
Desenin yüksekliğine doğru kaydırın ve 10vh olarak değiştirin. Modül ayarlarını kapatın ve sayfanızı kaydedin.
Desen yüksekliği: 10vh
Aşağıdaki sonuçlar, masaüstü ekran boyutları, tabletler ve cep telefonlarında her arka plan deseninin görüntülenmesidir. İlk özel masaüstü boyutunun arka plan modelinin sonuçları Tablet Telefon
Her iki masaüstü özel boyutunun arka plan deseninin sonuçları Tablet Telefon Özel boyut üç masaüstü boyutlarının arka plan modelinin sonuçları Tablet Telefon Zihnin sonlandırılması Bu, Divi ile arka plan deseninize özel bir boyut ekleyeceğimiz konusundaki görünümümüzdür. Divi’nin yeni arka plan modeli birçok tasarım seçeneği açtı. Bu desenler düzenimizle iyi görünüyor. Arka plan desenleri için özel bir boyut kullanma kavramı, sadece tekrarlanan desenlere sabitlenmediğimiz anlamına gelir. Divi arka plan desenleri daha fazlası için kullanılabilir. Burada tartıştığımız kavramı kullanarak, kendi benzersiz arka plan tasarımınızı oluşturmak için Divi’nin arka plan kalıplarından birini kullanabilirsiniz. Senden duymak istiyoruz. Divi ile arka plan modelinize özel bir boyut eklediniz mi? Bize yorumlardaki deneyiminizden bahsedin.
