Divi eklentisi spot ışığı: kaydırıcı referans
Referanslar bir iş kurmanın önemli bir parçasıdır. Divi’nin referans modülü, müşterilerinizin sizin ve çalışmanız hakkında söylediklerini göstermeyi kolaylaştırır, ancak aynı zamanda sınırlıdır, çünkü referanslar özel modüllerinde yaşar. Bu, modül tasarımını değiştirmeyi zorlaştırır, çünkü her birini ayrı ayrı ayarlamanız gerekir. Ayrıca, bu sadece bir tanıklık gösterir. Testimonyal kaydırıcı olarak adlandırılan üçüncü taraf eklentisi, kategoriyle kütüphaneden referansları görüntülemek için Divi Builder’a üç yeni modül ekledi. Yeni bir modülle, referansları bir kutuda veya bir kaydırıcıda tek tek görüntüleyebilir ve modülü bir kez ayarlayabilirsiniz ve tüm referanslar uygundur.
Bu makalede referans kaydırıcısına daha yakından bakacağız. Bu örnekte, aşağıdakileri içeren birkaç düzen paketinin resimlerini ve düzenlerini kullanıyorum:
Fotoğraf Pazarı Düzeni Paketi
Web Ajansı Düzen Paketi
İç tasarım düzeni paketi
Testimonyal kaydırıcı sürüm 1.2 kullanıyorum. ve Divi 3.0.98. Kaydırıcı kaydırıcı kaydırıcı menüsü
Divi Builder’a üç yeni modül eklenir: Referanslar filtrelenebilir
Referans ızgara kaydırıcısı
Kaydırıcı referans
Referanslar filtrelenebilir
Filtrelenebilir modül için içerik ayarları arasında düzeni (bir ızgara veya liste arasından seçim), görüntülenecek referans sayısı, yüksekliğe göre sipariş, ekran teklif simgesine, ekran görüntüsü, ekran kategorisi filtresi, hangi kategori irade görüntülenebilir ve arka plan rengi. Tasarım sekmesi ayarları içerik metni, istemci adı metni, şirket adı metni, sınır, kutu gölgesi ve animasyonu içerir. Gelişmiş sekmesi, tüm tabanlara CSS’nin erişimini artı referans kutuları, kategori filtreleri, aktif kategori filtreleri, referans görüntüleri, simgeler, metin, adlar, şirket adları, sayfalandırma, imleci yönetirken sayfalandırma ve mevcut sayfalandırma sağlar. İşte varsayılan ayarlar. Referans ızgara kaydırıcısı Kaydırıcı Izgara İçerik Ayarları Düzeni (1-4 sütundan), hız, her öğeyi etkinleştirme veya devre dışı bırakma ve DOT NAV dahil her öğe için renk seçeneklerini içerir. Tasarım ve gelişmiş sekmeler, DOT NAV için CSS eklemesi dışında, filtrelenebilir modülle aynıdır. İşte varsayılan ayarlar. Alta nokta navigasyonu eklenir. Kaydırıcı referans Referans kaydırıcı içerik sekmesi, boyut ayarları, kaplama metni, imleci yönlendirirken otomatik slaytlar ve belirli bir boyutta bir görüntüyü görüntüleyen oklar, kare veya yuvarlak görüntüler ekler. Ayrıca sağlam bir arka plan ve görüntü kullanarak arka plan ayarlamaları ekler. Bu, gradyanlar veya videolar içermez. Tasarım sekmesi, metin ve ok rengi genişliğinin bir yarıçapını ekler. Gelişmiş sekmesi oklar için özel bir CSS ekledi. Varsayılan ayarlarla aşağıdaki referanslar. Aktif referanslar için görüntüler yükseltilir ve kaplamadan görüntüler gösterir. Aktif olmayan görüntülerin kaplaması vardır (bu durumda zimmete geçirilir). İmleci üste yönlendirdiğinizde görüntüleri kaplamadan görüntüler. Filtrelenebilirliğin referans örnekleri Fotoğraf pazarı düzeni paketinin referans bölümünü kullanıyorum. Yukarıdaki resim, yüklediğinizde görülen kısımdır. Bu düzen üç referans modülü kullanır, ancak bir referans kaydırıcısı ile sadece bir modül kullanmamız gerekir, çünkü önceden yapılan listeden bir referans taşır ve seçtiğimiz ızgara düzeninde görüntüler. Filtrelenebilir referans modülü ızgara düzenini görüntüler. Beyaz veya parlak gri bir metin yaptım. Tanımlar otomatik olarak mavi arka plan gösterir. Arka plan rengini referansa ekledim ve aynı yüksekliğe ayarladım. Bu modülde teklif simgesi için renk ayarları yoktur ve görüntüyü bir kareye ayarlayamazsınız. Bu liste düzenini kullanır. Listenin 3 referans göstermesi için kategoriye göre filtreledim. Referanslarda kategoriyi göstermediler. Görüntü otomatik olarak kare olarak görüntülenir. Bunu değiştirmek için bir seçenek yok. Ayrıca, sınırdan uzak tutmak için görüntünün sol tarafına dolgu (CSS kullanmadan) ekleyemiyorum. Görüntüleri farklı konumlara, değiştirme boyutlarına vb. Taşıyabilmemiz için bazı görüntü özelliklerini görmek istiyorum. Ayrıca filtre metnini ayarlamak için bir özellik istiyorum.
Aşağıda, bir web tasarımı düzeni paketi kullanma örneği verilmiştir. Referanslı bir kutu kaydırıcısı örneği
Referans kutu kaydırıcısı, her seferinde bir kartı değiştiren bir kutu görüntüler. Bu örnekte yaptığım tek değişiklik metni beyaz yapmaktır.Burada rengi içerik, ad, şirket adı, arka plan, teklif simgesi ve navigasyon noktasına ayarladım. Bu 2 sütun ızgarası kullanır. Aşağıdaki ızgara 4 sütun. Ayrıca yüksekliği eşitliyorum. Aşağıda 1 sütunun düzeni verilmiştir. Yazı tipi boyutunu artırdım, rengi değiştirdim, kutunun gölgesini ekledim ve açıyı yuvarladım. İşte kutunun gölgesine sahip 2 sütun ızgarası. Açısal pikseli azalttım ve rengi tekrar ayarladım. Bu, tasarımla eşleşmesi için metin ve renk kullanılarak Web Tasarım Düzeni Paketine yerleştirilmiş bir referans ızgara kaydırıcısıdır. Bir referans kaydırıcı örneği Bu, referans kaydırıcı modülünün varsayılan düzenidir. Tasarıma uygun olarak kolayca yapabiliriz. Burada tüm metnin rengini değiştirdim ve simgeleri beyaz olarak değiştirdim ve arka planı bölüme uyacak şekilde maviye çevirdim. Bu örnekte arka planı daha parlak bir krem olarak değiştirdim ve metnin ve simgelerin rengini tekrar değiştirdim. Bu sefer her elemanın kendi rengi vardır. Görüntüyü kare olarak görüntülenecek şekilde ayarladım. Bir kutu seçerseniz, pikseldeki görüntünün boyutunu ayarlayabileceğiniz birkaç alan verilir. Onu 80px varsayılan olarak bıraktım. Birkaç boyutta görüntü seçmiş olmama rağmen her görüntü boyut olarak değiştirilir ve mükemmel bir şekilde sıralanır. Bu, genişliği sadece içeriğin metninin arkasına yerleştiren bir metin içeren bir arka plan görüntüsü görüntüler. İstediğiniz renk ne olursa olsun bir kaplama metni oluşturabilirsiniz. Yazı tipinin, ok ve alıntı simgesinin rengini ve boyutunu değiştirdim ve dikdörtgen bir şekil yapmak için 120 piksel genişliğe ve 60 piksel yüksekliğe sahip kare bir görüntü yaptım. Bu, iç tasarım düzen paketine yerleştirilmiş bir referans kaydırıcıdır. Aynı renk ve yazı tipini kullanarak orijinal referans modülünü bir referans kaydırıcısı ile değiştirdim. Orijinalin dairesel bir görüntü var, ancak tasarıma uyacak kare bir görüntü yaptım. Bu modül bu düzen tasarımı ile çok uygundur. Aşağıdakiler, bir referans kaydırıcısı kaydırıcı logosu olarak kullanmanın bir örneğidir.Müşterinin adının, şirket adı metni, istemci görüntüsü ve teklif simgesinin metnini kapattım.Logoyu görsel editöre koydum ve bir kategoriyi seçtim.Ekstraslider referanslı bir referans kaydırıcı kullanmak ekstra ile iyi çalışır.Aşağıdaki görüntülenir İç tasarım düzeninin referans bölümü bir referans kaydırıcı modülü kullanıyor.Bu referans kaydırıcı lisansı 6 aylık destek (12 aya kadar uzatılabilir) ve ömür boyu güncelleme içerir.Aralarından seçim yapabileceğiniz iki lisans vardır: Normal (bir web sitesinde kullanım için) – 25.00 € Genişletilmiş (sınırsız web sitelerinde kullanım için) – 85.00 €
