Divi ile duran bir kahraman nasıl yapılır
Kahraman Bölümü; Her türlü hedefe hizmet ediyorlar. Ziyaretçilerin web sitenizi ziyaret ettiklerinde gördükleri ilk şeydir, hemen web sitenizin stilini gösterirler ve ziyaretçilerinizin sitenizde hissetme ve davranma şeklini etkiler. Oradaki her türlü kahramana alışkınız, ancak çoğu kahramanların, sloganların ve harekete geçecek davetiyeleri içeriyor. Yine de başka olasılıklar da var. Bu yazıda, kahramana başka bir yaklaşım göstereceğiz ve Divi’yi kullanarak yeniden yapabileceğiniz örnekleri takip edeceğiz.
Divi ile nasıl yeniden yapacağınızı göstereceğimize dair örnekler masaüstünde böyle görünüyor:
2. Yazılı içeriği konsantre edin Kahramanlarınızı öne çıkarmak için yapabileceğiniz başka bir şey, sahip olduğunuz yazılı içeriğe odaklanmaktır.Bu şekilde, ziyaretçilerin dikkatini ekranda daha büyük okuma şansını sağlayan bir yere çekeceksiniz.Öte yandan, yazılı içeriği kahramanınızın tüm kısımlarına bölerseniz, değişiklikler büyük olasılıkla iletmeye çalıştığınız mesajın bir kısmını kaybedecektir.3. Eşsiz satış önermelerini vurgulayın Genellikle kahraman bölümü, ürün veya şirket sloganını paylaşan normal bir metin modülü içerir.Bununla birlikte, kahramanda bulanık modülü de kullanabilirsiniz.Ürün veya hizmetinizin benzersiz bir satış teklifini doğrudan paylaşmak istiyorsanız, bu bulanıklık modülü mükemmeldir.Buna ek olarak, derhal içinde hareket etmek için bir davetiye eklemek isteyip istemediğinizi de seçebilirsiniz.Örneğimizde, bu harekete geçme daveti açıklama modülünün kendisine yerleştirilmiştir.
4. Ürün çizimlerini tamamlamak için temizleyin ve sağladığınız yazılı içeriği dengelemek için, temiz bir ürün görüntüsünü kahramanınızın arka plan görüntüsü olarak kullanmalısınız. Kahramanlarınızın imajının kahramanın tüm bölümlerini ele geçirmeden olabildiğince açık ve net olmasını istiyorsunuz. YouTube kanalımıza abone olmakla duran bir kahraman nasıl yapılır Divi ile bir örnek oluşturma şimdi teorik tarafı tartıştık, geri dönmeye başlama zamanı. Yapmanız gereken başlığın ilk formatı, WordPress Dashboard> Özelleştir> Başlık ve Navigasyon> Başlık Biçimi> ve ‘Merkezli’ ve Navigasyon> Birincil Menü Bard> ‘ı seçerek başlık stili olarak’ ortalanmış ‘seçmek ve aşağıdaki ayarları yapmaktır. : Menü Yüksekliği: 211px
Maksimum Yüksek Logo: 100px
Metin Boyutu: 16
Mektup alanı: 2
Yazı Tipi: Lato Light
Yazı tipi stili: büyük harf
Metin rengi: #ffffff
Aktif bağlantı rengi: #ffffff
Arka plan rengi: RGBA (255,255,255.0)
Açılır menü arka plan rengi: RGBA (255,255,255.0)
Tamamlandıktan sonra yeni bir parça ekleyin, yeni bir sayfa ekleyin, Divi Builder’ı etkinleştirin, görsel oluşturucuyu etkinleştirin ve yeni standart bölümü ekleyin. Gradyan Arka Plan Bu bölüm için aşağıdaki gradyan arka planını kullanın: İlk renk: #e2e2e2
İkinci renk: RGBA (255,255,255.0)
Gradyan Türü: Doğrusal
Gradyan yönü: 180 derece
Başlangıç Pozisyonu:% 40
Son pozisyon:% 40
Bir sonraki arka plan görüntüsü, arka plan görüntüsünü yükleyin ve bir karışım görüntüsü arka planı olarak ‘çarpın’ seçeneğini seçin. İki arka plan rengi sütunu ekleyin, yeni oluşturduğunuz parçaya iki sütun ekleyin ve arka plan rengi olarak ‘#B7AFA1’i kullanın. Sütun 1 Arka Plan gradyanı kaydırın ve ilk sütun için aşağıdaki gradyan arka planını kullanın: Birinci Renk: RGBA (255,255,255.0.43) İkinci renk: RGBA (255,255,255.0)
Sütun 1 Tip gradyanı: Radyal
Gradyan Yön Sütunu 1: Sol üst
Sütun 1 Başlangıç Pozisyonu:% 49
Sütun 1:% 49’un son konumu
Sütun 2 arka plan gradyanı ve ikinci sütun için aşağıdaki gradyan arka planını kullanın:
Birinci Renk: RGBA (255,255,255.0.43)
İkinci renk: RGBA (255,255,255.0)
Sütun 2 gradyan tipi: radyal
Sütun 2 radyal yön: sağ alt
Sütun 2 Başlangıç Konumu:% 49
Sütun 2:% 49’un son konumu
Yapıştırıcı Tasarım sekmesini açın, ‘Özel Talang kullan’ seçeneğini etkinleştirin ve oluk genişliği için ‘1’ kullanın.
Boşlukların açık boşluk alt kategorileri ve aşağıdaki dolgu ve marjı kullanın:
Dolgu Alt: 20 piksel
Sol dolgu: 25px
Alt kenar boşluğu: 200px
İlk bulanıklık modülü, bulanıklık modülünü satırın ilk sütununa ekle, ‘kullanma simgesi kullan’ seçeneğini etkinleştirin ve simgeyi seçin.
Ardından simge ayarları, tasarım ayarlarını açın ve görüntü kategorisinde ve simgede aşağıdaki değişiklikleri yapın: Ikon Color: #ffffff Görüntünün/simgenin yerleştirilmesi: sol
Simge yazı tipi boyutu kullanın: evet
Simge yazı tipi boyutu: 40px
Editoryal metin ayarları Daha sonra, başlık metninin alt kategorisi için aşağıdaki ayarların uygulanmasını sağlar:
Yazı tipi başlığı: Roboto Light Yazı tipi stili: kalın
Editör yazı tipi boyutu: 25px
Yolsuzluk metni rengi: #ffffff
Gölgelik çizgisinin yüksekliği: 1.5em
Vücut Metni Düzenleme Alt Kategorisi Gövde metni aşağıdaki değişiklikleri gerektirir:
Gövde yazı tipi: lato ışık gövde yazı tipi boyutu: 13px Gövde metni rengi: #ffffff
Bir sonraki yapıştırıcı, içeriğin genişliği olarak ‘300 piksel’ kullanın.
Son mesafe, bulanıklık modülü için aşağıdaki kenar boşluğunu ve dolguyu kullanın:
Üst kenar: -50px (masaüstü), 0px (tablet ve cep telefonu) Üst dolgu: 100 piksel Doğru dolgu: 10 piksel
Alt yatak: 30 piksel
Sol dolgu: 10 piksel
Klon bulanık modülü ve ikinci sütuna yerleştirin, daha önce yapılmış ve başka bir sütuna da yerleştirilen bulanıklık modülünü klonlayarak devam edin. Bu bulanıklık klonlama modülünde değiştirmeniz gereken ilk şeyin arka plan rengini değiştirin arka plan rengidir. ‘RGBA (89,60,31,0,5)’ olarak değiştirin.
Bir sonraki ve son olarak değiştirmeniz gereken son şey, içerik sekmesindeki simgedir. Ekstra: Divi Yeni Kutu Gölgesi seçeneğini en son satıra ekleyin, artık sıra, modül ve bölüme bir kutunun gölgesi ekleyebilirsiniz. Bu örnek için, sıraya kutunun bazı gölgelerini ekleyeceğiz. Kahramanımızda derinlik yaratmaya ve yazılı içeriği vurgulamaya yardımcı olacaktır.
Yatay konum gölge kutusu: -3px Dikey Konum Gölge Kutusu: 31px Komik Güç Şişesi Gölgesi: 79px
Kutunun gölgesinin dağılımının gücü: -4px
Gölge Renk: #424242
Kutu Gölgesi Pozisyonu: Dış Gölge
Bu yazıyı takip ettikten sonra masaüstünde elde edebilmeniz gereken sonuçlar hakkında başka hızlı sonuçlar alalım:
Ve cep telefonunda:
