Divi Eklentisi Spot Işığı: DTS Filtrelenebilir Portföy Grid Pro

Filtrelenebilen Divil portföy modülü, tam ekranda veya bir kutuda bir portföy oluşturmanızı sağlar. Izgarada 3 veya 4 sütuna düğmeler ve seçenekler ekleyen farklı bir ekran istiyorsanız ne olur? Bu tam olarak DTS Filtrenable Portfolio Grid Pro adlı üçüncü taraflı bir eklenti tarafından yapılır. DTS Filtreleme Portföy Grid Pro, Divi Builder’a yeni bir modül ekler. Eklenti portföyünüze yeni bir görünüm verir ve kutuda 3 veya 4 sütun için bir seçeneğe sahiptir. Bu, proje postasının türünü gösterir. Buna özel düğme metni ve özel gelişmiş seçenekler dahildir.
Bu eklenti geliştirici web sitesinden edinilebilir. Bu eklentinin spot ışığında DTS Filtrelenebilir Portföy Grid Pro’yu göreceğiz ve neler yapabileceğini göreceğiz. Görüntü unssplash.com’dan alınmıştır. DTS Filtre Grid Pro portföyünün yüklenmesi

Eklentiyi her zamanki gibi yükleyin ve etkinleştirin. Eklentiyi etkinleştirdikten sonra, gösterge tablosundaki ayarlara gidin ve DTS Filtreleme Portföy Grid Pro etkinleştirmesini seçin. API anahtarınızı girin ve e -posta gönderin ve değişiklikleri kaydedin. Modül Ayarları

Eklenti Divi Builder’a yeni bir modül ekledi. Renk mavi, bu yüzden kaçırmak zor.

İçerik ayarları arasında yayın sayısı, kategori seçimi, olay başlıkları, kategoriler, sayfalandırma, arka plan ve özel düğme metni bulunur.

Tasarım sekmesi düzen, renk, yazı tipi, simgeler, kaplama, sınırlar ve animasyon ayarları içerir. Örnekler – Kutular

3 sütunlu kafes kullanarak varsayılan ayarlar. Orta karodaki Hover animasyonunu görebilirsiniz. Fayans başlıklı görüntüler ve ortada yerleştirilen düğmeleri içerir. Altta kategoriyi gösterir. Karo, yüzerken uzaklaşan bir gölge görüntüler. Tahmin edebileceğiniz gibi, bu öğelerin her biri ayarlanabilir. Bu örnekte ızgarayı 4 sütun olarak değiştiriyorum ve arka plan renk düğmesi rengini, çalınma arka plan düğmesi rengi ve havada yazı tipi düğmesi rengi ayarlıyorum. Dört sütunun düzeni, görüntünün boyutunu eşleştirecek şekilde değiştirir.

Bu durumda düğmenin yarıçapını azalttım, düğmenin yazı tipi boyutunu artırdım, havada zam simgesini ve rengi değiştirdim ve renk kaplamasını değiştirdim. Tüm bu ayarlamalar basit ve sezgiseldir.

Bu örnekte, düğme için kare bir açı oluşturmak için 0 sınır yarıçapını aldım. Düğme metni, başlık metni için yazı tipi boyutunu artırıyorum ve yazı tipi stilini değiştiriyorum. Ayrıca, görüntüleri görüntülemek ve Hover simgesini değiştirmek için yeterli opaklıkla kaplama kara kara yaptım.

Bu, başlık için çizginin yüksekliğini azaltır. Ayrıca yazı tipleri için renkleri zimmetine geçirdim ve harfleri artırdım. Kategori yazı tipini varsayılan olarak ayarladım ve eğimine ayarladım. Düğmenin parmakları 100 olarak ayarlandı ve kendi düğme metnimi ekledim. Ayrıca bindirme rengini değiştirdim ve farklı bir simge seçtim ve rengi beyaza değiştirdim. Bu örnek aynı zamanda kırmızı ve 2 piksel genişliğe ayarlanan sınırı da kullanır. Sınır seçenekleri arasında renk, genişlik ve kuvvet bulunur.

Bu modülün, başlığın arkasında koyu bir arka plan kullanıyorsanız, hafif ve karanlık için bir metin rengi seçeneği vardır, ancak şu anda başlığın arkasındaki arka planı değiştirme seçeneği yoktur. Bunun gelecekteki bir özellik olduğundan şüpheleniyorum. Modülün arkasında arka plan ayarları (standart renkler, gradyanlar, görüntüler ve videolar) uygulanır. Kart arka plan renginin kenarına dokunur ve modülde dolgu ayarı yoktur.

Bu, arka planın garip görünmesini sağlayacaktır, ancak bazı kolay çözümler vardır. Bu makaledeki tüm görüntülerde yaptığım gibi bölüme veya satıra dolgu ekleyebilir veya modüle dolgu eklemek için CSS kullanabilirsiniz.

Bu, modül için ana öğe bölümündeki Gelişmiş sekmesine eklediğim CSS’dir. Bu sadece Divi’ye 4 lokasyona dolgu eklemesini söyler. Değerler, hat dolgu maddeleri ve modülleri alanlarıyla aynı sırada geçerlidir: üst, sağ, alt, sol. Bu, 40 değeri, sağ dolgu değeri 30, alt dolgu 20 ve sol dolgu 30’dur.

Sonuç tam olarak istediğim şey – dört tarafta da farklı bir yatak seviyesi. Bu, arka plan özelliğini daha kullanışlı ve uygulanmasını kolaylaştırır. Örnekler – Filtreler

Bu, filtrelenebilen bir portföy olduğundan, filtrenin de ayarlanabileceği mantıklıdır. Beklendiği gibi, yazı tipi stili, boyut, seviyelendirme, renk, alan ve yükseklikte ayarlamalar vardır. Şimdiye kadar varsayılan ayarlara sahip filtreler gördük.

Bu örnek kırmızı bir ANSIC SC yazı tipi kullanır. Yazı tipi boyutunu artırdım, ancak mesafeyi ve yüksekliği varsayılana izin verdim.

Bu Bevan adlı bir yazı tipi kullanır. Daha koyu kırmızı renk kullanıyorum. Yazı tipinin boyutu önceki yazı tipiyle aynıdır. Yazı tipinin boyutunu azalttım ve koyu gri rengi seçtim. Animasyon

Divi animasyonu modül ayarlarında da mevcuttur. Seç, soluk, kayma, yansıtma, büyütülmüş, sırt, katlama ve yuvarlanma yok. Animasyonu yalnızca bir kez tekrarlayacak veya döngü olarak ayarlayabilir, yön, süre, gecikme, yoğunluk, başlangıç ​​opaklığı ve hız eğrisini seçebilirsiniz.

Bu örnek bir rulo kullanır. Varsayılan olarak diğerlerini terk ettim. Düzende bir portföy ızgarası kullanma

DTS Filiteble Portfolio Grid Pro düzende harika görünüyor. Aşağıda bloglar, portföy ve iletişim formu içeren bir fotoğraf düzeni örneğidir. Portföy ızgarası için varsayılan ayarları kullanıyorum ve iyi birleştiriyorum. Ekstra bir portföy ızgarası kullanmak

DTS filtrelenebilir portföy Grid Pro, ekstra ile de uyumludur. Aşağıdaki ekran düzeni yukarıdaki Divi düzenine benzer. Ayrıca varsayılan ayarları da kullanır. Uyumsuz görüntü boyutuna sahip 3 sütun ızgarası kullanıyorum. Bu kolay bir gelişme – sadece aynı boyutta görüntüleri kullanın.

Lisanslar Seçilecek iki lisans seçeneği vardır: tek ve genişletilmiş bir site.Her ikisi de ömür boyu güncelleme ve 6 aylık destek içerir.DTS filtrelenebilir portföy Grid Pro’nun son zihninin kullanımı kolaydır ve portföyünüzü öne çıkarmak için birçok zarif stil sağlar.Meta’nın başlığı ve arka planının rengi gibi eklemek istediğim birkaç özellik var, ancak yine de tavsiye edilmesi kolay olacak kadar özellikler sunuyor.Standart Divi modülünün dışındaki bir stilde filtrelenebilen bir arka plan ızgarası modülüyle ilgileniyorsanız, DTS Filtreleme Portföy Grid Pro görmeye değer. Sizden haber almak istiyoruz!DTS Filtrelenebilir Portföy Grid Pro’yu denediniz mi?Yorumlarda bize bunun hakkındaki fikrinizi söyleyin.AF Studio / Shutterstock.com aracılığıyla üstün resimler

admin

Bir Cevap Yazın

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