Divi eklentisi spot ışığı – divi portföy ızgarası
DIVI, portföyünüzü tam genişlikte veya kutu düzeninde görüntüleyen bir portföy modülü içerir ve Divi modülünden beklediğiniz tüm temel işlevleri içerir – arka plan, yazı tipleri, renkler, sınırlar, bindirme, simgeler, vb. Çok sütunlu tasarımlar gibi farklı bir düzen veya ayarlanmış düğmeler gibi yeni özellikler istiyorsanız ne olur? Divi Portfolio Grid adlı üçüncü taraf eklentisiyle ilgilenebilirsiniz. Divi portföy ızgarası, Divi tema mağazasından üçüncü bir eklentidir. Bu sadece size standart bir Divi modülü özelliği vermekle kalmaz, aynı zamanda benzersiz bir portföy oluşturabilmeniz için yeni stil özelliklerine sahip sütun düzeni 2, 3 ve 4 sağlar. Ayrıca, rengi değiştirmek için metin ve gelişim efekti içeren bir düğme ekler.
Bu genel bakışta, yaptığım örnek portföyü kullanarak Divi portföy ızgarasını göreceğiz. Portföy ve arka planda kullanılan tüm görüntüler unssplash.com’dan alınmıştır. Izgara portföy divi eklentisinin yüklenmesi
Özel Portföy Modülü Özelliği Eklenti, Divi oluşturucuya özel portföy modülü adı verilen yeni bir modül ekler. Bu modül, diğer Divi Builder modülleri gibi arka uçtan işlev görür – böylece bunları herhangi bir satırda çekebilir ve kaldırabilir ve içeriği, tasarımı ve diğer ayarları ayarlayabilirsiniz. Arka plan rengini ayarlayın, arka plan görüntüsünü seçin, düzeni seçin, özel bir düğme metni oluşturun, görüntülenecek yayın sayısını seçin, kategorileri seçin, meta görüntüleyin, renkleri seçin. Tüm standart tasarım özellikleri de burada. Renkleri, yazı tiplerini, düğmelerini, simgeleri, kaplamayı ve diğerlerini ayarlayın. Örnek – Örneğim için bir divi özel portföy modülü kullanarak, bir sayfa oluşturdum, bazı görsel işaret fişekleri vermek, tam geniş bir çizgi yapmak ve bir ızgara modülü portföyü eklemek için arka plan ekledim. Görmeden önce, karşılaştırma için standart Divi bina portföy modülüne bakalım. Standart Divi Portföy Modülü
İşte standart bir Divi portföy modülü kullanan bir sayfa ekranı. Kutu düzenine ayarladım ve yazı tipi rengini parlak olarak ayarladım. Diğer tüm özellikler varsayılan olarak ayarlanır. Ayrıca simgeler (ızgara modunda), sınır, arka plan, meta ve yazı tipi kuvveti ile kaplama kapanması da içerir. Projenin üstün görüntüsü, projenin başlığı ve kategorisi ile görüntülenir. Başlığı tıklamak sizi projeye götürecektir. Kategorinin başlığını tıklamak, bu kategori için kategori sayfasını açacaktır. Ayrıca, ızgara düzeni kullanırken kaplama renkleri ve simge seçenekleri ile kaydırma efektleri içerir. Özel portföy modüllerine örnekler Bu, aralarından seçim yapabileceğiniz üç düzen içerir, böylece portföyünüzü 2, 3 veya 4 sütun olarak ayarlayabilirsiniz. Her bir düzene çeşitli ayarlamalar ve özelliklerle bakalım. İşte 2 sütunun görüntülenmesi. Resmin altındaki bıçağa tıklanabilen başlık ve kategori de dahil olmak üzere projenin üstün bir resmini görüntüler ve düğmeyi resmin ve çubuğun üzerindeki metinle yerleştirin. Bu, varsayılanın özellikleri ve renkleridir. Resim, standart portföy modülü ile aynı kayma efekti içerir, ancak düğme ayrıca Hover efektini içerir. Mor arka planı kırmızıya değiştiren varsayılan düğmeyi ayarlayan bu örnekte görebilirsiniz. Ayrıca, yönlendirdiğiniz kartın arkasında bir gölge oluşturan iyi bir havada uçma etkisi de görebilirsiniz. Başlık bir araç ipucu olarak görüntülenir. Overlay Hover da varsayılan bir özelliktir, bu nedenle etkinleştirilmesi gerekmez. Hover Effect geçişi, geçiş tamamlanana kadar daha ağır bir gölge gösterir. İşte 3 sütun düzeninin görüntülenmesi. Bu örnekte düğmenin ve metnin arka plan rengini değiştirdim ve metni kendi mesajımı görüntülemek için değiştirdim. Bu düğme aynı zamanda yüzen gölgelerin etkisini de içerir. Bu örnekte imleci sadece düğmeye yönlendiriyorum, böylece görüntü kayan efekti görüntülemez. Düğmenin ve metnin arka planı rengi değiştirdi.
Bu örnek 4 sütun kullanır. 0 düğmesinin yarıçapını ayarladım ve tüm yazı tipi stillerini değiştirdim.
Hover Effect, mavi kaplamayı% 47 opaklık ile yerleştirir (tek sayılar için üzgünüm, ancak faremin durduğu yer burasıdır) ve kırmızı onay kutusunun simgesi. Düğme, koyu gri bir metinle koyu griden koyu gri bir metinle beyaza değişir. Bu örnekte başlık ve meta arkasında gösterilen bir arka plan ekledim. 2 piksel genişliğe sahip kırmızı bir sınır ekledim (resimde görülmesi çok kolay). Tüm yazı tiplerini ve renklerini ayarladım ve düğmenin arka plan rengini, geliş rengini ve simgenin rengini değiştirdim. Üstün görüntü alanı ile başlık ve meta kısmının arkasındaki arka plan görüntüsü arasında kontrastı göstermek için kaplama uçukluk varsayılan rengini bıraktım. Bombardım sadece başlığı gösterirseniz görüntülenir. Bu örnek yalnızca kategorileri görüntüler. Bu örnek yalnızca proje başlıklarını görüntüler. Başlık görüntülendiği için düğme de görüntülenir. Bu örnekte Opaklık 66 ile kırmızı bir bindirme yerleştirdim. Hover simgesini değiştirdim ve havada uçma düğmelerini ve efektlerini ayarladım. Arka plan görüntüsü (gri gökyüzü) başlığın arkasına yerleştirilir. Bu farklı bir proje kategorisi kullanır. Düğmenin yarıçapı 10 olarak ayarlanmıştır. Divi Portföy Grid – Duyarlı Eklenti duyarlı. Portre modunda iPad’de (Chrome geliştiricisinde elenen) aşağıdaki 3 sütun düzeni. Google Chrome geliştiricileri hakkında daha fazla bilgi edinmek için, Chrome geliştiricisini şimdi neden kullanmaya başlamanız gereken makaleye bakın. Bu, peyzaj modunda aynı düzendir. Bu, portre modunda Galaxy S5’te aynı düzendir. Ve Galaxy S5 kullanan aşağıdaki düzen bir peyzaj modudur. Lisans, yenileme ve lisansların belgelenmesi sınırsız kullanım içerir ve ömür boyu güncelleme içerir. Belgeler ZIP klasöründeki PDF dosyalarında verilir. Bu kısa bir belgedir ve başlamanıza yardımcı olacak resimlerle rehberlik sağlar. Bu kullanımı kolay bir eklenti ve bence her şey sezgisel. Divi modülünü kullanmaya alışkınsanız, bu modülle evde hissedeceksiniz. Divi portföy ızgarası Divi Tema Mağazasından satın alınabilir. Divi Portfolio Grid’in son zihninin kullanımı kolaydır ve birçok kullanıcı tarafından önemli kabul edilecek standart Divi portföy modülünün üzerinde yeterli ek özellik sağlar. Bu, 2, 3 ve 4 sütun düzeni içerir, vites efektleri olan düğmeler ekler, simgelerle kaplama ve beklediğiniz tüm modül stilleri, kuvveti kendi kodunuzla ayarlayabilmeniz için gelişmiş CSS özelliklerini içerir. Standart Divi portföy modülü dışındaki özelliklere sahip bir portföy istiyorsanız, Divi portföy ızgarası ihtiyacınız olan modül olabilir. Senden duymak istiyoruz! Divi portföy ızgarasını denediniz mi? Bize aşağıdaki yorumlardaki deneyiminizden bahsedin. 2R / Shutterstock.com aracılığıyla Üstün Görüntü