İnanılmaz bir ekip parçası oluşturmak için Divi’nin Yeni Filtre seçeneğini nasıl kullanılır
Divi’nin varsayılan seçenekleri inanılmaz ve sonsuz tasarım yaratmanıza olanak tanır. Yapabileceğiniz türden bir web sitesi türü, ayarları web sitenizin ve ziyaretçilerinizin ihtiyaçlarını sorunsuz bir şekilde karşılayacak şekilde ayarlayabilirsiniz. Özellikle bu yazıda, bir sonraki projeniz veya web siteniz için güzel ekip bölümüne ulaşmak için yeni opaklık filtresini nasıl kullanacağınızı göstereceğiz. Bu öğreticiyi iyi bitirmek için aşağıdakilere ihtiyacınız olacak:
Tüm hattınızın bir parçası olacak pürüzsüz bir arka plan görüntüsü
Pürüzsüz arka planı, genişliği ‘800px’ ve yükseklik ‘455px’ olan ekip üyelerinin görüntüleri
Sonuçlar Eğiticiye girmeden önce, size adım adım nasıl yeniden yapacağınızı göstereceğimiz örneğe bakalım.
Masaüstünde
Üst: 115px
Doğru: 0px
Aşağıda: 115px
Sol: 0px Sütun Yapısı Sıraları Ekle Aynı iki sütunla yeni satırlar ekleyerek devam edin. Arka Plan Rengi Satır ayarlarını açın ve satırın arka plan rengi olarak ‘#666666’ seçeneğini seçin. Arka plan görüntüsü daha sonra, ince gradyanın arka planını ekleyin ve aşağıdaki ayarları uygulayın:
Arka Plan Görüntü Boyutu: Kapak
Arka Plan Görüntü Pozisyonu: Orta
Arka plan görüntüsünün tekrarlanması: Tekrar yok
Arka Plan Görüntü Karışımı: Geniş Hizalama Tasarım sekmesine geçer ve bir sonraki orta satır seviyesini kullanır. Yapıştırıcılar daha sonra, boyutlandırma alt kategorisini açın, özel oluk genişliğini etkinleştirin ve satır oluk genişliğiniz için ‘1’ değerini kullanın. Bir sonraki mesafe, aralık alt kategorisine devam edin ve tüm dolgu seçeneklerinin ‘0px’ olarak ayarlandığından emin olun. Bu, çizgiyi bu yazıdan daha da klonladıktan sonra, hatlarınız arasında boşluk olmayacağını sağlayacaktır. Son fakat değil -lheast kutusunun gölgesi, kutunun aşağıdaki gölgesini satırınıza ekleyin:
Yatay konum gölge kutusu: 0px
Dikey Konum Gölge Kutusu: 2px
Bulanık Güç Gölgesi Kutusu: 18px
Gölge kutularının dağılımının gücü: 0px
Gölge Rengi: RGBA (0.0,0,0,71) Metin Ayarlarının İlk Metin Modülü Satır ayarlarınızla bitirdikten sonra, her iki sütuna da çeşitli modüller eklemeye başlayabilirsiniz. Aşağıdaki metin ayarlarıyla ilk sütuna metin modülünü ekleyerek başlayın:
Metin yazı tipi: varsayılan
Metin yazı tipi ağırlığı: normal
Metin Boyutu: 11 piksel
Metin rengi: #dbdbdb
Metin Oryantasyonu: Orta Yapıştırıcı daha sonra, boyut alt kategorisini açın ve aşağıdaki değişiklikleri yapın:
Genişlik:% 61
Modül hizalaması: merkez Son mesafe, SPasi alt kategorisine üst yüzyüzü ’60px’ ekleyin.
İkinci metin modülü metin ayarları, oluşturduğunuz önceki metin modülünün hemen altındadır, aşağıdaki metin ayarlarıyla başka bir metin modülü ekleyin:
Metin yazı tipi: Aladin
Metin yazı tipi ağırlığı: normal
Metin Boyutu: 70px
Metin rengi: #ffffff
Metin Oryantasyonu: Orta
Yukarıda: 50 piksel
Aşağıda: 0px (masaüstü), 120px (Tablet ve Cep Telefonu) Son fakat en azından filtre, satır ve görüntü modülünüzün bir arka planını oluşturmak için filtre alt kategorisindeki filtre opaklığı seçeneğini ’40’ olarak değiştirin. Görüntü görüntü modülü görüntü boyutları Bu giriş gönderisinde belirtildiği gibi, bu öğreticinin bir parçası olan ekip üyelerinin görüntüsü için özel bir görüntü boyutu kullanacağız. Aynı sonuçları elde etmek için ‘800 piksel’ genişlik ve ‘455px’ yüksekliği kullanın. Lütfen görüntü modülünü ikinci sütuna ekleyin ve ekip üyelerinizden birinin resmini yükleyin. Filtre daha sonra tasarım sekmesine geçin ve filtre alt kategorisini açın. İstenen sonuçları elde edene kadar sahip olduğunuz farklı seçeneklerle oynamak. Bu örnekte, görüntü modülünde aşağıdaki değişiklikleri yaptık:
Kontrast:% 122
Opaklık:% 45
Klon satırı şimdi, bir satırı tamamen tamamladıktan sonra, hattın ikinci sürümünü oluşturmak için klonlayabilirsiniz. İlk şeyin arka plan rengini değiştireceğimiz klonlama çizgisinden değiştirin, arka plan rengidir. Satırları birbirinden biraz farklı hale getirmek için biraz daha parlak bir arka plan olan ‘#adadad’ seçtik. Modül konumumuzu değiştirme modülümüzün konumunu da değiştirecektir. Görüntü modülünüzü ikinci sütuna metin modülünün birinci ve ikinci sütununa yerleştirin. Görüntüyü değiştir, sonra görüntü modülünüz için kullandığınız görüntüyü değiştirin. Bu görüntünün önceki resminizle aynı boyutlara sahip olduğundan emin olun (tercihen ‘800px’ genişliği ve ‘455px’ yüksekliği. İlk metin modülünü değiştirin Bu çizgi için daha hafif bir arka plan kaplaması kullandığımız için, metnin okunabilmesi için daha koyu bir metin rengi kullanmamız gerekir. İlk metin modülünün rengini ‘#5B5B5B’B’B’B’B’B olarak değiştirin. Bir opaklık filtresi ekledikten sonra metnimizin okunabilmesini sağlamak için en karanlık renkleri kullanıyoruz. Klon satırı, ihtiyacınız olan sıklıkta, her iki satırı da sayfanızda görüntülemek istediğiniz ekip üyelerinin sayısına uyacak şekilde klonlayabilir. Çizgi ayarlarına eklediğimiz özel dolgu, kaç tane benzer hat kullanırsanız kullanın, yine de bir varlık gibi görünmesini sağlayacaktır. Sonuçlar Bu yazıda nasıl yeniden yapacağınızı gösterdiğimiz son örneğe bakalım. Masaüstünde Tablette
Hücresel olarak Bu yazıdaki son zihin, bir sonraki projeniz veya web siteniz için inanılmaz bir ekip oluşturmak için Divi’nin yeni filtre seçeneklerini nasıl kullanacağınızı gösterdik. Size nasıl yeniden yapacağımızı gösterdiğimiz örnekler, yazılı içerik ve görsellik arasında iyi bir dengeye sahip. Sorularınız veya önerileriniz varsa; Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
