Divi ile kişisel web siteniz için nasıl güzel bir kahraman yapılır

Kişisel bir web sitesi eğlenceli ve zorlu oluşturmak. Web sitenizin hikayenizi anlatacak kadar çekici ve kişisel görünmesini istiyorsunuz. Aynı zamanda, ne yaptığınızı bildiğinizi gösteren güzel ve otantik bir web sitesine sahip olmak istiyorsunuz. Böyle bir kişisel web sitesi oluşturma yaratıcı sürecinde size yardımcı olmak için, web sitenizi kesinlikle öne çıkaracak güzel bir kahraman yaptık. Bu yazıda, sonuçların nasıl kullanılacağını adım adım göstereceğiz, her adım için Divi’nin varsayılan ayarlarından başka bir şey değil. Öğreticiye girmeden önce sonuçlara bakalım.
Masaüstündeki sonuçlar masaüstündeki sonuçlar şuna benzer:

Mobil ve web sitesini mobil cihazlarda ziyaret eden ziyaretçilerdeki sonuçlar aşağıdaki sonuçları görecektir:

Divi ile Kişisel Web Siteniz için Nasıl Güzel Bir Kahraman Yapılır YouTube kanalına abone oluruz, WordPress sitenizde yeni bir sayfa oluşturarak, Divi Builder’ı etkinleştirerek, görsel oluşturucuya dönüp yeni bir bölüm ekleyerek başlıyoruz. Arka plan gradyanı Bu bölümde değiştirmeniz gereken tek şey arka plandır. Bu arka plan, bu yazının bir sonraki adımına ekleyeceğimiz tüm satırlar için geçerli olacaktır. Arka plan alt kategorisini açın ve aşağıdaki gradyan arka planını ekleyin:
Birinci renk: #c2c6f3
Renk İkinci: #CEA5B9
Gradyan Türü: Radyal
Radyal Yön: Merkez
Başlangıç ​​Pozisyonu:% 45
Son pozisyon:% 45

İlk satırı ekleyin, devam edin ve bu bölüme ilk satırı ekleyin. Bu satır yalnızca düzenin üstünde görebileceğiniz bir metin modülü içerecektir. Bir sonraki sütun yapısı, bir sütunlu sütun yapısını seçin. Yapışma, satır ayarlarınızın tasarım sekmesine geçer ve alt kategori boyutu için aşağıdaki ayarları kullanır:

Bu çizgiyi tamamen genişletin: evet
Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Metin Modülü Daha önce belirtildiği gibi, bu satır yalnızca bir metin modülü gerektirir.

Metin Ayarları İçerik sekmesinde görüntülemek istediğiniz metni girdikten sonra, tasarım sekmesini açın ve aşağıdaki ayarların metin alt kategorileri için geçerli olmasını sağlayın:
Metin yazı tipi: Arizona
Metin yazı tipi ağırlığı: normal
Metin boyutu: 150 (masaüstü), 80 (tablet), 70 (cep telefonu)
Metin Rengi: RGBA (255,255,255.0.39)
Metin Oryantasyonu: Orta
İlk satırı bitirdikten sonra ikinci satırı ekleyin, devam edin ve ikinci satırı aynı bölüme ekleyin. Önceki satır gibi sütun yapısı, bu satır sadece bir sütuna da sahip olacaktır.

Arka Plan Görüntüsü Satır ayarlarını açın ve ilk sütun için arka plan görüntüsü olarak kullanmak istediğiniz kişisel görüntüyü ekleyin. Görüntünün konumunun da ‘orta’ olarak ayarlandığından emin olun.

Yapıştırıcı daha sonra, boyut alt kategorisini açın ve aşağıdaki değişiklikleri yapın:

Özel genişlik kullanın: evet
Özel genişlik: 557px
Sonraki mesafe, üst, alt, sağ ve sol dolgu için ‘0px’ kullanın.

Son Kutu Gölgesi, Aşağıdaki Kutu Gölgesini Oluşturun:

Yatay konum gölge kutusu: 0px
Dikey Konum Gölge Kutusu: 2px
Komik Güç Şişesi Gölgesi: 53px
Gölge kutularının dağılımının gücü: 10 piksel
Gölge Rengi: RGBA (0.0,0,0,3)
Gölge pozisyonu: dış gölge
Metin Modülü Satır ayarlarınız tamamlandıktan sonra devam edin ve metin modülünü sütuna ekleyin. Arka plan rengi önce, bu metin modülü ‘RGBA rengi (0.0,0,0.0.66)’ ile arka plan rengi gerektirecektir.

Metin Ayarları Ardından, Tasarım sekmesine geçin ve aşağıdaki değişikliklerin alt kategori metnine uygulanmasını sağlayın:

Metin yazı tipi: andika
Metin yazı tipi ağırlığı: kalınlık
Metin yazı tipi stili: büyük harf
Metin boyutu: 78px (masaüstü), 70px (tablet), 50px (telefon)
Metin rengi: #c2c6f3
Hat yüksekliği metni: 1em
Metin Oryantasyonu: Orta
Bir sonraki sınır, sınır alt kategorisini açın ve aşağıdaki sınırı kullanın:

Sınırı kullanın: Evet
Sınır rengi: #c2c6f3
Sınır Genişliği: 8px
Sınır Gücü: Katı
Sonraki mesafe, aşağıdaki marjı ve dolguyu ekleyin:

Üst, sağ, alt ve sol kenar boşluğu: 50 piksel
Üst dolgu: 200px
Dolgu Alt: 200px
Son Kutu Gölgesi, metin modülüne aşağıdaki kutu gölgesini kullanın:

Yatay konum gölge kutusu: 0px
Dikey Konum Gölge Kutusu: 0px
Bulanık Güç Gölgesi Kutusu: 0px
Gölge kutularının dağılımının gücü: 50px
Gölge Renk: RGBA (206.165.185.0.41)
Kutu Gölgesi Pozisyonu: Dış Gölge
Üçüncü satır ekleyin Daha önce belirtildiği gibi, bu öğretici için yalnızca bir parça kullanırız. Bunun nedeni, gradyan parçalarının arka planının paylaşılan tüm farklı içeriklere dağılmış olmasını istiyoruz. Lütfen ve yeni bir çizgi ekleyin. Sütun yapısı bu satır için iki sütun seçer.

Yapıştırıcı daha sonra, ‘özel genişliği kullan’ seçeneğini etkinleştirin ve ‘663px genişliğini’ uygulayın.

Son mesafe, ’50 piksel’ üst ve alt marjını ekleyin.

İlk metin modülü, ilk metin modülünü satırın ilk sütununa ekler. Ardından, tasarım sekmesinin tasarımını girin, metin yazı tipi olarak ‘andika’ ve metin yazı tipi ağırlığı olarak ‘normal’ kullanın. İkinci sütunda metin modülünün ikinci sütunundaki klon metin modülü ve yer aynı ayarlara sahiptir, Öyleyse, metin modülünün klonunu devam ettirin ve ikinci sütuna yerleştirin. Dördüncü çizgiyi ekleyin Tasarım tamamlanmadan önce bölüme eklenecek bir çizgi daha kaldı.

Bu yeni satır sütununun yapısı da iki sütuna sahiptir.

Yapıştırıcı Satır ayarlarını açın ve aşağıdaki ayarların alt kategori boyutu için geçerli olmasını sağlar:
Bu çizgiyi tamamen genişletin: evet

Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Mesafe, 20 pikselden dolayı dolgu ekleyin.
İlk görüntü modülü lütfen ve ilk görüntü modülünü bu son satırın ilk sütununa ekleyin. Kutunun gölgesi ve aşağıdaki kutu gölgesini ekleyin:

Yatay konum gölge kutusu: -6px

Dikey Konum Gölge Kutusu: 2px
Bulanık Güç Gölgesi Kutusu: 53px
Gölge kutularının dağılımının gücü: 10 piksel
Gölge Rengi: RGBA (0.0,0,0,3)
Kutu Gölgesi Pozisyonu: Dış Gölge
Klon görüntü modülü ve ikinci ve son sütunlara yerleştirin, bu görüntü modülünü klonlayın ve bu satırı tamamlamak için ikinci sütuna da yerleştirin. Sonuçlar Bu gönderiye eklediğimiz tüm adımları gözden geçirdikten sonra, aşağıdaki sonuçları elde edebilmelisiniz: masaüstünde
Hücresel olarak

Divi ile sahip olduğunuz zihin olasılığı sınırsızdır.Gerçek zamanlı olarak değişiklik gösterecek görsel bir oluşturucu kullanarak web sitenizi tam olarak istediğiniz gibi gösterebilirsiniz.Özellikle bu yazı için, kişisel bir web sitesi için nasıl güzel bir kahraman yaratabileceğinizi gösteriyoruz.Bu öğretici varsayılan Divi seçeneği kullanılarak yapılır.Sorularınız veya önerileriniz varsa;Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun! E -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece büyük bir duyuru, yararlı ipuçları veya divi freebie!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir