Maskeler ve arka plan desenleriyle benzersiz ve çarpıcı bir arka plan oluşturmak ister misiniz? Divi ?
Yeni arka plan maskeleri ve desenleri özelliği Divi en yaygın olarak bir sayfanın bölümleri için kullanılır. Ama onları başlıklara da ekleyebiliriz!
Bu eğitimde size başlık şablonuna nasıl maske ve arka plan desenleri ekleyeceğinizi göstereceğiz Divi yapıcıyı kullanma temalar.
Sizin için tamamen benzersiz başlık tasarımları oluşturmanın harika bir yolu. Site Web.
Başlayalım.
anket
İşte bu eğitimde oluşturacağımız tasarıma hızlı bir bakış.
Divi'nin tema oluşturucusuna gidin ve genel bir başlık oluşturmaya başlayın
WordPress kontrol panelinden şuraya gidin: Divi > Tema Oluşturucu
Tıkla “Küresel Başlık Ekle”
seçmek "Küresel Başlık Oluştur".
Bundan sonra Divi Builder'ı kullanarak yeni bir başlık tasarlamaya başlayabilirsiniz.
Divi Başlığına Arka Plan Maskeleri ve Desenleri Nasıl Eklenir
Arka plan rengi ve deseni ile bölüm arka planı oluşturma
Ayrıca Oku: Divi: Kılavuz şeklinde bir Görüşler bölümü nasıl oluşturulur?
Başlamak için mevcut bölümün ayarlarını açın.
Sekmenin altında içerik, arka plan seçeneklerini aşağıdaki ayarlarla güncelleyin:
Arka plan rengi:
- Arka plan: #262d3f
Arka Plan Deseni:
- Model: Haplar
- Desen Rengi: rgba(255,255,255,0.1)
- Desen boyutu: özel boyut.
- Desen genişliği: 1 piksel
Dolgu malzemesi
Sekmenin altında Dizayn, bölüm dolgusunu aşağıdaki gibi güncelleyin:
- Dolgu (Üst ve Alt): 0 piksel
Bu, başlığın dikey alanını biraz azaltacaktır.
Aşağıdaki sütun düzenine sahip bir satır ekleyin
Eklenen yer tutucu başlık içeriği (bir menü ve bir düğme)
Satırın sol sütununda yeni bir menü ekleyin.
Bir menü seçin.
Ardından bir logo ekleyin ve menüyü ve logoyu istediğiniz gibi özelleştirmek için ayarları kullanın.
Sağ sütunda, bir düğme modülü ekleyin ve onu beğeninize göre özelleştirin.
Gradyan, maske ve desenle çizgi arka planı oluşturma
gradyan
Menünüzü ve düğmenizi içeren satır ayarlarını açın. Ardından, arka plan seçeneklerini aşağıdaki arka plan ayarlarıyla güncelleyin:
Arka plan gradyanı:
- Gradyan Durakları 1 (%50): Temizle
- Gradyan Durakları 2 (%75): #ff4c00
- Direksiyon: 90 derece
model
- Model: Haplar
- Desen Rengi: rgba(38,45,63,0.48)
- Desen Boyutu: 1 piksel
- Dikey Ofset: 20px
Not: Çizginin üzerindeki bölümde 20 piksel üst dolgu olduğundan, desenin dikey ofseti 20 piksele ayarlanmıştır. Bu, kesit deseninin satır deseni ile hizalanmasını sağlar.
Arka Plan Maskesi
- Maske: Balıksırtı
- Maske Rengi: #262d3f
NOT: Başlıklar için, maskenin tasarımından ödün vermeden yatay alanı kaplayacak şekilde maske boyutunu "Doldurmak İçin Uzat" olarak ayarlamak en iyisidir.
Çizgiye son dokunuşlar
Ayrıca bakınız: Divi: Resimlerinizi güzelleştirmek için "Gradient Builder" nasıl kullanılır?
Tasarımı tamamlamak için bir kenarlık yarıçapı ve çizgiye birkaç düzenleme daha ekleyeceğiz.
Yarıçap, sınır ve sınır aralığı
Sekmenin altında Dizayn, dolguyu aşağıdaki gibi güncelleyin:
- Dolgu (Üst ve Alt): 5 piksel
Ardından, ekstra bir tasarım öğesi için sıraya güzel bir yuvarlak köşe verin.
- Yuvarlatılmış Köşeler: 50px
- Sol Kenar Genişliği: 50px
- Sol Kenar Rengi: #262d3f
Maskenin kare kenarı köşeleri yuvarlatılmış olmasına rağmen satırı taşacağı için satırın sol tarafına kenarlık vermemiz gerekiyor.
Nihai sonuç
Son sonucu görelim.
Gradyan biraz ince, bu yüzden nasıl göründüğüne bir bakalım.
Ve işte masaüstü ve mobil başlık tasarımı.
DIVI'yı Şimdi İndirin !!!
Sonuç
Başlık arka plan tasarımı, buzdağının sadece görünen kısmıdır. Divi'de bulunan arka plan seçenekleriyle yapılacak çok şey var.
Bu öğreticinin, başlıklarınız için benzersiz bir arka plan tasarımı oluşturmak için Divi'nin arka plan maskelerinin ve desenlerinin birlikte nasıl çalışabileceğini anlamanıza yardımcı olduğunu umuyoruz.
Kendi tasarımınıza uyması için daha fazla arka plan tasarım kombinasyonunu denemekten çekinmeyin. Site Web veya yaklaşan projeniz.
Ayrıca danışabilirsiniz kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa.
Rehberimize de danışmaktan çekinmeyin. 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ş.
...