DIVI'da özel bir altbilgi oluşturmak ister misiniz?
Divi'nin tema oluşturucusunun en önemli parçalarından biri, web sayfalarınıza ve gönderilerinize dinamik olarak genel altbilgi ekleme yeteneğidir.
Bir altbilgi tasarladıktan sonra, Divi'nin tema oluşturucusunu kullanarak istediğiniz türdeki sayfa veya gönderilere otomatik olarak ekleyebilirsiniz.
Bu öğreticide, genel altbilgi oluşturma ve genel altbilgi ekleme sürecinde size adım adım yol göstereceğiz. Site Web.
anket
Öğreticiye dalmadan önce, tasarlayacağımız altbilgiye bir göz atalım.
ofis
Divi Tema Oluşturucu'ya gidin ve Genel Altbilgi ekleyin
- Divi > Tema Oluşturucu'ya gidin ve " Genel bir altbilgi ekleyin«
- Seçmek " Küresel bir altbilgi oluşturun«
1. Bölümü Özelleştir
Arka plan rengi
Sayfada bulabileceğiniz bölümü açın ve bölümün arka plan rengini değiştirin.
- Arkaplan: #000000
aralık
Sekmeye geç stil ve ardından bölümün boşluk ayarlarını değiştirin.
- Marj (Üst, Sol ve Sağ): 6vw
- İç Kenar Boşluğu (Sol ve Sağ): 30px
Sınır
Ardından, sola ve sağa bir üst kenarlık ekleyin.
- Sol üst yuvarlak dikdörtgen: 20 piksel
- Sağ üst yuvarlak dikdörtgen: 20 piksel
Gölge kutusu
Ayrıca bölüm ayarlarına bir kutu gölgesi ekleyin.
- Yay Gölge Bulanıklığı Gücü: 135 piksel
- Altyazı Yazı Tipi Rengi: rgba(0,0,0,0.18)
Bölüme yeni bir satır ekleyin
Sütunun yapısı
Aşağıdaki sütun yapısını kullanarak bölümünüze bir satır ekleyerek devam edin:
Sütuna bir Metin modülü ekleyin
H2 boyutunda bir başlık ekleyin (Başlık 2)
Şununla bir Metin modülü ekleyin: içindekiler H2 boyutunda.
H2 metin ayarları
sekmesine geç stil modülün ve H2 metninin parametrelerini buna göre değiştirin:
- Başlık Yazı Tipi: Poppins
- Bastırılmış ışık başlığı: yarı kalın
- Metin Hizalama: Ortalanmış
- Başlık metni rengi: #ffffff
- Başlık Metni Boyutu: 31px (masaüstü), 24px (tablet), 18px (telefon)
- Başlık satırı yüksekliği: 1,6 em
boyutlandırma
Ayrıca modüle maksimum genişlik ekleyin.
- Maksimum genişlik: 700 piksel
Sütuna Düğme Modülü Ekle
Düğmeye metin ekle
Sütununuzdaki Metin modülünün hemen altına bir Düğme modülü ekleyin ve istediğiniz metni girin.
hizalanma
sekmesine geç stil modülün ve düğmenin hizalamasını merkeze değiştirin.
- Düğme hizalaması: ortalanmış
Düğme ayarları
Düğmeyi özelleştirerek devam edin.
- Düğme için özel stiller kullanın: Evet
- Düğme Metin Boyutu: 12px
- Düğme metin rengi: #000000
- Arka plan düğmesi: #FFFFFF
- Kenarlık genişliği düğmesi: 0 piksel
Ayrıca okuyun: DIVI'da bir blog sayfası atlıkarınca olarak nasıl görüntülenir?
- Düğme Sınır Yarıçapı: 100 piksel
- Düğme harf aralığı: 1 piksel
- Düğme Yazı Tipi: Poppins
- Yumuşak Işık Düğmesi: Yarı Kalın
- Stili kopyala düğmesi: TT
aralık
Ayrıca özel iç kenar boşluğu değerleri ekleyin.
- İç Kenar Boşluğu (Üst ve Alt): 14px
- İç Kenar Boşluğu: Sol (40 piksel); Sağ (58 piksel)
Bölüm 2
Bir öncekinin altına ikinci bir "normal" bölüm ekleyin.
Arka plan rengi
Arka plan rengini değiştir
- Arkaplan: #ffffff
aralık
Ardından tüm iç kenar boşluklarını kaldırın (Üst ve Alt).
- İç Kenar Boşluğu (Üst ve Alt): 0px
sınır
Ayrıca bölüme bir sınır yarıçapı ekleyin.
- Yuvarlatılmış Dikdörtgen (Sol Üst): 20px
- Yuvarlatılmış Dikdörtgen (Sağ Üst): 20 piksel
Gölge kutusu
Ve ince bir kutu gölgesi ekleyerek bölüm ayarlarını tamamlayın.
- Kutu Gölge Bulanıklığı Gücü: 135 piksel
- Altyazı yazı tipi rengi: rgba(0,0,0,0.18)
Bölüme yeni bir satır ekleyin
Sütunun yapısı
Bölüm ayarlarını tamamladıktan sonra aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyin:
boyutlandırma
Henüz herhangi bir modül eklemeden satır ayarlarını açın ve aşağıdaki gibi değiştirin:
- Özel Oluk Genişliğini Kullan: Evet
- Sütun aralığı: 1
- Sütun yüksekliklerini uyumlu hale getirin: Evet
- Maksimum genişlik: %100
- Maksimum genişlik: %100
aralık
Ardından, varsayılan iç kenar boşluklarını (Üst ve Alt) satırdan kaldırın.
- İç Kenar Boşluğu (Üst ve Alt): 0px
Sütun aralığı
Özel dolgu değerleri eklemek için sütun ayarlarını açarak devam edin.
- İç Kenar Boşluğu (Üst ve Alt): 100 piksel (masaüstü), 50 piksel (tablet ve telefon)
- İç Kenar Boşluğu (Sol ve Sağ): 100 piksel (masaüstü), 50 piksel (tablet ve telefon)
Sütuna Metin #1 modülü ekle
İçerik ekle
Artık buna modüller ekleyebiliriz. Sütuna bir Metin modülü ekleyin ve içindekiler De Chore Choix.
Metin ayarları
sekmesine geç stil modülün ve buna göre metin parametrelerini değiştirin:
- Metin Yazı Tipi: Poppins
- Metin Yazı Tipi Ağırlığı: Kalın
- Metin Rengi: #000000
- Metin boyutu: 17 piksel
- Metin Hizalama: Ortalanmış
aralık
Ardından özel (Üst ve Alt) kenar boşlukları ekleyin.
- Üst Kenar Boşluğu: 10 piksel
- Alt Kenar Boşluğu: 30px
Sütuna bir Ayırıcı modülü ekleyin
Metin modülünün hemen altına bir Ayırıcı modülü ekleyin.
görünürlük
seçeneğinden emin olun" Ayırıcıyı Göster Etkin.
- Ayırıcıyı Göster: Evet
Hat
Çizgi rengini siyah olarak değiştirin.
- Etiket Rengi: #000000
boyutlandırma
Ayrıca ayırıcı boyutlandırma ayarlarını da değiştirin.
- Maksimum genişlik: %15
- Metin hizalama: Orta
Sütuna Metin #2 modülü ekle
İçerik ekle
Sütuna başka bir Metin modülü ekleyerek devam edin. içindekiler De Chore Choix.
Bir link ekle
Bu modülün başvurmasını istediğiniz sayfaya bir bağlantı ekleyin.
Metin ayarları
Ardından sekmeye geçin stil ve metin ayarlarını aşağıdaki gibi değiştirin:
- Metin Yazı Tipi: Poppins
- Yumuşak Işık Metni: Açık
- Metin Rengi Metin: #777777
- Metin Metin boyutu: 15 piksel
- Metin Hizalama: Ortalanmış
aralık
Ayrıca bir kenar boşluğu ekleyin (Üst ve Alt).
- Kenar Boşluğu (Üst ve Alt): 10 piksel
Metin modülünü #2 gerektiği gibi klonlayın
İkinci Metin modülünü tamamladığınızda, onu istediğiniz kadar kopyalayabilirsiniz (eklemek istediğiniz tıklanabilir altbilgi öğelerine bağlı olarak).
İçeriği ve bağlantıları düzenleyin
Her kopya için modül içeriğini ve bağlantıları düzenlediğinizden emin olun.
Tüm sütunu iki kez klonla
Sütunu ve modüllerini tamamladıktan sonra, onu iki kez klonlayabilirsiniz.
Sütun 2 arka plan rengi
Ardından 2. sütunun ayarlarını açın ve arka plan rengini değiştirin.
- Arkaplan: #f9f9f9
İçeriği ve bağlantıları düzenleyin
Yinelenen her sütundaki tüm içeriği ve bağlantıları düzenlediğinizden emin olun.
Yeni bir sütun ekleme
Ardından, satıra dördüncü bir sütun ekleyin.
Arka plan rengi
Yeni sütunun arka plan rengini değiştirin.
- Arkaplan: #0fffc7
aralık
İç kenar boşluklarını aşağıdaki gibi değiştirin:
- İç Kenar Boşluğu (Üst ve Alt): 70px
- İç Kenar Boşluğu (Sol ve Sağ): 50px
'Bizi sosyal medyada takip edin' modülünü 4. sütuna ekleyin
Sosyal ağlar ekleyin
Modül ekleyerek devam edin" Sosyal ağlarda bizi takip edin 4. sütuna girin ve istediğiniz sosyal ağları ekleyin.
Sosyal medya simge stillerini sıfırla
Tıklayın Rolleri Sıfırla Öğe Stilleri sosyal ağların her biri için.
hizalanma
Ardından sekmeye geçin stil ve modülün hizalamasını değiştirin.
- Metin hizalama: Orta
Simge ayarları
Ayrıca sosyal medya simgelerinin rengini de değiştirin.
- Simge Rengi: #000000
Sütun 4'e E-posta Opt Modülü Ekleme
Bir mod ekle " E-posta Seçeneği "modülün altında" Sosyal ağlarda bizi takip edin«
Modül içeriğini ve başlığını temizle
E-posta hesabı
Ardından bir e-posta hesabı ekleyin. Bir e-posta hesabı eklemezseniz, tema oluşturucudan çıktıktan sonra modül görünmez.
Arka plan rengini kaldır
- Arka plan rengini kullan: Hayır
Saha ayarları
Sekmeye geç stil ve saha ayarlarını aşağıdaki gibi değiştirin:
- Arka Plan Rengi alanları: rgba(0,0,0,0)
- Metin Rengi Alanları: #000000
- Champs Yazı Tipi: Poppins
- Metin Boyutu Alanları: 13px
- Kenarlık genişliği alanları: 1 piksel
Düğme ayarları
Ayrıca modülünüzün düğmesini özelleştirin.
- Düğme için özel stiller kullanın: Evet
- Düğme Metin Boyutu: 12px
- Düğme metin rengi: #000000
- Arka plan düğmesi: #FFFFFF
- Kenar Genişliği: 0px
- Düğme Sınır Yarıçapı: 100 piksel
- Düğme harf aralığı: 1 piksel
- Düğme Yazı Tipi: Poppins
- Loş Işık Düğmesi: Yarı Kalın
- Stili kopyala düğmesi: TT
Ayrıca bakınız: DIVI'da yapışkan bir iletişim formu nasıl oluşturulur
- Düğme Dolgusu (Üst ve Alt): 15px
4. sütuna Dinamik Metin modülü ekleyin
Bu tasarımı tamamlamak için ihtiyacımız olan bir sonraki ve son modül bir Metin modülüdür.
Seçeneği etkinleştirin " Dinamik içerik kullan".
Ardından "seçeneğini seçin Geçerli tarih".
Ve dinamik içerik ayarlarını aşağıdaki gibi değiştirin:
- Ön: Telif hakkı ©
- Sonra: | Tüm hakları Saklıdır
- Tarih formatı: Gümrük
- Özel tarih formatı: 20y
Metin ayarları
Ardından, stil sekmesine geçin ve metin ayarlarını değiştirin:
- Metin Yazı Tipi: Poppins
- Metin Rengi Metin: #000000
- Metin Metin boyutu: 16 piksel
aralık
Kenar boşluğu ve voila ekleyerek modül parametrelerini tamamlayın!
- Üst Kenar Boşluğu: 50 piksel
Genel altbilgi ve tema oluşturucu seçeneklerini kaydedin
İşiniz bittiğinde, oluşturucudan çıkmadan önce çalışmanızı kaydettiğinizden emin olun. Divi teması.
Şablon düzeninden çıktığınızda, tüm tema oluşturucu değişikliklerinizi kaydedin ve işiniz bitti!
anket
Tüm adımların üzerinden geçtik, şimdi sonuca son bir göz atalım.
DIVI'yı Şimdi İndirin !!!
Sonuç
Bu eğitici yazıda, Divi'nin tema oluşturucusu ile güzel bir özel global altbilgi oluşturmanın ne kadar kolay olduğunu gösterdik.
Bu öğreticinin, bir sonraki Divi projeleriniz için güzel küresel altbilgiler oluşturmanız için size ilham vereceğini umuyoruz.
Herhangi bir endişeniz veya öneriniz varsa, bizi yorumlar bölümü bunu tartışmak için.
Ancak, ayrıca 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ş.
...