Divi Eklentisinin Öne Çıkanları – Divi Blog Ekstraları

Divi, gönderilerinizi tam genişlikte veya ızgara düzeninde görüntülemek için bir blog modülü içerir. Güzel bir modül ve işi hallediyor. Ya farklı düzenler ve özellikler istiyorsanız? Bu, CSS ile yapılabilir, ancak Divi Blog Extras adlı üçüncü taraf bir eklenti, görevi çok daha kolaylaştırır.

Divi Blog Extras, Divi Builder'a blog gönderilerinizi görüntülemek için birkaç yeni özellik içeren yeni bir modül ekleyen Divi Extended'ın üçüncü taraf eklentisidir. Altı farklı düzen tasarımı içerir ve daha fazla yükle düğmesine sahip bir AJAX yükleme özelliği ekler. Gönderiler siz kaydırdıkça yüklenir ve yükleme hızlıdır. Hem daha fazla oku hem de daha fazla yükle düğmeleri için metni değiştirebilirsiniz.

Bu eklenti vurgusunda Divi Blog Ekstralarına bir göz atacağız ve bu eklenti ile neler yapılabileceğine dair bazı fikirler alacağız. Bu örnekler için resimler Unsplash.com'dan alınmıştır.

Divi Blog Ekstra Kurulumu ve Ayarları

Normal şekilde yükleyin ve etkinleştirin. Divi Blog Ekstraları adlı yeni bir modül daha sonra Divi Builder'da mevcut olacaktır. Kullanmak için herhangi bir modül gibi bir satıra bırakmanız yeterlidir. Seçenekler standart Divi Builder modülleriyle aynı olduğundan, bu modülün kullanımı sezgiseldir.

İçerik ayarları, bilinen seçenekleri içerir ve altı düzen seçeneği, alıntı uzunluğu, kategori renkleri, daha fazla düğme metni yükle, öne çıkan görüntü yerleşimi, daha fazla düğme metni oku ve metin rengi seçeneklerine sahiptir. Tasarım ayarları, başlık, meta ve gövde metni ve kenarlık stilini içerir. Genişletilmiş Blok düzeni, görüntü konumu ekler ve Klasik, sosyal simgeler ekler. Düzenlerin her birine daha yakından bakalım.

Izgara Genişletilmiş

Varsayılan düzen, Genişletilmiş Izgara, resim ve metin dönüşümlü olarak blog gönderilerini görüntüler. Görüntüler üzerine gelindiğinde aydınlanır. Kategori adları bir kutunun içine yerleştirilir. duyarlı modda resimler en üste yerleştirilir.

Bu örnekte bir vurgulu yer paylaşımı, vurgulu simgesi ekledim, daha fazla oku metnini değiştirdim, alıntıyı 100 karakterle sınırladım ve kategori metni ile arka plan renklerini değiştirdim. Fareyle yazının herhangi bir bölümünün üzerine geldiğinizde fareyle üzerine gelme animasyonu görüntülenir.

Kutu Genişletilmiş

Genişletilmiş Kutu, alıntıyı görüntüyle örtüşen bir kutuya yerleştirir ve kategori adının etrafındaki kutuyu kaldırır. Yazarın resmi meta bölümüne eklenir. Görüntüler ve metin değişiyor. Bu, daha zarif blog düzenlerinden biridir.

Bu örnekte, kategori yazı tipini ve arka plan renklerini değiştirdim, alıntı uzunluğunu 150 karakterle sınırladım ve yazı tipini mavi olarak değiştirdim ve daha fazla oku düğmesi metnini değiştirdim. Varsayılan vurgulu, yukarıdaki en üstteki resimde görüldüğü gibi görüntüyü aydınlatır.

Tam genişlik

Tam Genişlik, görüntüleri sola ve alıntıyı sağ tarafa yerleştirir ve en sola stillendirilmiş bir tarih ekler. Her gönderi bir satırla ayrılır. Kategori adı meta içine yerleştirilir.

Bu örnek, tarih ve meta bilgilerini devre dışı bırakır. Metin özel renkler kullanır. Daha fazlasını okudum ve daha fazla düğme metni yükledim. Alıntı 200 karakterle sınırlıdır.

Tüm düzenler duyarlıdır. İşte Full Width'in duyarlı görünümüne bir bakış. Bu, 2 sütunlu bir sırada iki modülü yan yana gösterir.

Genişletilmiş Blok

Block Extended, resmin üzerine kategori adını ve kartın alt kısmındaki metayı ekleyen bir blog ızgarasıdır. Kartın herhangi bir bölümünün üzerine geldiğinizde görüntü yakınlaşır. Bu tür mikro etkileşimi seviyorum çünkü kartın tıklanabilir olduğunu gösteriyor.

Block Extended, görüntüleri görüntülemek için üç seçeneğe sahiptir. Bu örnek, öne çıkan resmi arka planda metinle birlikte bir bindirme içinde yerleştirir.

Bu örnek, arka plan görüntüsünü ilk iki seçenek arasında değiştirir.

Tam Genişlikli Arka Plan

Tam Genişlikli Arka Plan, görüntünün kırpılmış bir sürümünü tam genişlikte görüntüler ve meta içeren alıntıyı görüntünün üzerine bir kaplamaya yerleştirir. Alıntı yerleşimi değişir. Meta, alıntıdan bir çizgi ile ayrılır.

Bu örnek, alıntının kaplamasının üzerine gelindiğinde aynı kaplamayı kullanmadığını göstermek için görüntünün üzerinde koyu bir kaplama kullanır. Bu örnek için bölümün arka planı kırmızıdır. Fareyle üzerine gelindiğinde kırmızı gösterilere dikkat edin. Ayrıca kendi daha fazla oku düğmesi metnimi ve 2 piksel kenarlık ekledim.

Klasik

Klasik düzen, blog gönderilerini tam boyutlu resimlerle ve resimlerin altında tam genişlikte alıntılarla görüntüler. Kategori ve tarih başlığın üstünde yer alır. Başlık, görüntüden ayrı durmasını sağlamak için kısa bir satır ayırıcı içerir. Alıntının altında yazarın adı ve bir çubukla ayrılmış yorum sayısı bulunur. Daha ince ve daha geniş bir çizgi ayırıcı, direkleri birbirinden ayırır.

Bu düzen, sosyal simgeleri görüntüleme seçeneğine sahiptir. Daha Fazla Yükle'yi (veya etiketlediğim gibi - Daha Fazla Makale Gör) tıklatmak, görüntülemeyi seçtiğim gönderi sayısına eşit olan sonraki gönderi grubunu görüntüler. Bu örnekte iki gönderi görüntülüyorum. Daha Fazla Yükle sonraki 2 gönderiyi yükler.

Divi Blog Ekstralarıyla Benzersiz Bir Düzen Oluşturma

Dergi düzenleri oluşturmak için birden fazla modül birlikte kullanılabilir. Bu basit düzen, Genişletilmiş Gird düzenini gösteren dört modül içerir. Her modül farklı kategoriler görüntüler. Ortadaki ikisi, her biri iki gönderi görüntüler.

Bu, çeşitli bölümler için farklı kategorilere sahip bir dergi düzeni oluşturur. Bu örnekler, Genişletilmiş Izgara'nın nasıl duyarlı göründüğünü gösterir.

Bu aynı Divi Builder düzenidir ancak Tam Genişlik Arka Planı kullanır. Katmanlar, duyarlı moddayken görüntüleri neredeyse tamamen kaplar.

Bu örnek, üst modül için Klasik düzeni ve sonraki iki modül için Genişletilmiş Izgara düzenini kullanır. Modüllerin her biri farklı kategoriler görüntüler ve kategori metni için kendi stillerine sahiptir. Üst modül bir alıntı göstermiyor.

Bu ilginç bir dergi düzeni oluşturur. Ayrıca satırları tam genişliği gösterecek şekilde ayarladım. Benzersiz bir tasarım elde etmek için düzenleri karıştırabilir ve eşleştirebilirsiniz. Her modül için farklı kategorilerde mizanpajlar oluşturdum. Gelecekteki bir güncellemede, aynı kategoride birden fazla modül kullanabilmeniz için modülün bir ofset özelliği olacaktır.

Lisans

Tek bir site 15 dolar. Genişletilmiş lisans 30 ABD dolarıdır ve siz ve müşterileriniz için sınırsız sitelerde kullanılabilir. Ömür boyu güncellemeleri içerir.

Bu eklenti Ekstra ile çalışmaz.

• Bu eklentiyi Divi Extended'ın web sitesinden satın alabilirsiniz.

Son düşünceler

Divi Blog Ekstraları, blog modülünüze biraz heyecan katmak için bazı güzel stil ve tasarım özellikleri ekler. Ayrıca kategori arka planlarını ve metnini stillendirme yeteneği ekler. Yükleme için AJAX kullanır ve yeni bir yükleme düğmesi içerir. Daha fazlasını yüklemek ve daha fazla düğme okumak için kendi metninizi bile ekleyebilirsiniz. Bu tasarımların her biri, blogunuza standart blogdan benzersiz bir görünüm kazandırmak için harikadır. Standart Divi Builder blog modülünün ötesine geçen bir blog tasarımı istiyorsanız, aradığınız modül Divi Blog Extras olabilir.

Senden duymak istiyoruz. Divi Blog Ekstralarını denediniz mi? Aşağıdaki yorumlarda deneyiminizi bize bildirin.

Pulsar011 / Shutterstock.com üzerinden Öne Çıkan Görsel