Divi Eklentisinin Öne Çıkanları: Divi – Filtrelenebilir Blog Modülü

Blog tasarımı hayranıyım. Bir web sitesinin tasarımında içeriğin okuyucuya nasıl sunulduğunu görmeyi seviyorum. Muhtemelen Divi'nin blog modülünün Divi Builder'daki en sevdiğim modüllerden biri olduğunu tahmin etmişsinizdir. Ayrıca yeni özelliklere sahip blog modülleri oluşturan üçüncü taraf eklentilerin hayranıyım. Divi – Filtrelenebilir Blog Modülü adı verilen böyle bir modül, tek bir modülde görmediğim birçok ilginç özelliği ekleyen üçüncü taraf bir eklentidir.

Divi – Filtrelenebilir Blog Modülü bloglar, arama, yazar, kategori, etiketler ve hatta WooCommerce arşivleri için kullanılabilir. Adından da anlaşılacağı gibi, okuyucularınızın ilgilendikleri kategorileri veya etiketleri görebilmeleri için bir filtre ekler. Modül ayrıca okuyucularınızın daha fazla gönderi görebilmesi için bir AJAX “Daha Fazla Ekle” düğmesi içerir. En ilginç özelliklerden biri, öne çıkan gönderileri kullanarak bir dergi düzeni oluşturur.

Hadi dalalım!

Divi Builder'da Filtrelenebilir Blog Modülleri

Eklentiyi yükledikten ve etkinleştirdikten sonra Divi Builder'a eklenen iki modül göreceksiniz. Normal modül, öne çıkan gönderilerden ve filtrelenebilir gönderilerden bağımsız olarak yazı tiplerini özelleştirmenize olanak tanır (filtrelenebilir gönderiler için stilleri geçersiz kılmanıza olanak tanır). Lite sürümü, şablonun boyutunu küçülten ve performansı artıran bu özelliği kaldırır.

İki modülün dahil edilmesini seviyorum. Her iki modüle de sahip olmak, özellikler ve hız arasında seçim yapmanızı sağlar. Örneklerimde standart modülü kullanıyorum.

İçerik Sekmesi şunları içerir:

• Düzen – düzeni (tam genişlik ve duvarcılık), içerik yerleştirmeyi, öğeler arasındaki boşluğu ve animasyonu (vidalı veya soldurmalı) içerir.
• Arka plan
• Öne çıkan gönderiler
• Kategori Navigasyonu
• Gönderi Seçenekleri – gönderiler veya projeler için gönderi türlerini gösterir, kategorileri ve etiketleri içerir ve hariç tutar, gönderi sayısı, sipariş seçenekleri ve ofset. Kategoriler yerine etiketler seçerek modülü pratik olarak özel yazı tipinde kullanabilirsiniz.
• İçerik Öğeleri – içeriği gizle, arka plan rengi, bindirme olarak göster, olay bindirme (fareyle üzerine gelme veya tıklama), resmi göster, başlığı göster, başlık etiketi gönder, alıntıyı göster, meta ve daha fazlasını oku düğmesi.
• Sayfalandırma / Daha Fazla Düğme Ekle
• Yer Paylaşımı Ayarları
• Işık Kutusu Ayarları
• Komut Dosyası Ayarları – CDN kaynağı ve ses/video beslemeleri.
• Kaydırma Animasyonu
• Yönetici Etiketi

Tasarım Sekmesi şunları içerir:

• Gölge Ayarları – iç gölge, alt gölge
• Metin – renk, Bağımsız Yazı Tipleri, yönlendirme, gölge
• resim
• Başlık metni
• Meta Metin
• Meta Bağlantı Metni
• İçerik Metni Gönder
• Gövde metni
• Sayfalandırma Metni
• Sayfalandırma Geçerli Metin
• Başlık Filtrelenebilir Gönderiler Metni
• Meta Filtrelenebilir Gönderiler Metni
• Meta Link Filtrelenebilir Mesaj Metni
• Gönderi İçeriği Filtrelenebilir Gönderi Metni
• Gövde Filtrelenebilir Gönderiler Metni
• Öne Çıkan Yazılar – Devamını Oku Düğmesi
• Filtrelenebilir Gönderiler – Devamını Oku Düğmesi
• Daha Fazla Düğme Ekle
• boyutlandırma
• aralık
• Sınır
• Kutu Gölge
• Filtreler
• Animasyon

Gelişmiş Sekmesi şunları içerir:

• CSS – beklenen tüm CSS özellikleri burada, ancak stil sahibi hemen hemen her öğe için bir CSS kutusu içerir.
• Nitelikler – öne çıkan gönderiler daha fazla oku düğmesi, filtrelenmiş gönderiler daha fazla oku düğmesi ve daha fazla düğme ilişkisi eklemeyi içerir
• görünürlük

Özelliklerin çoğu sezgiseldir. Her ayar ayrıntılı bir açıklama içerir. Tasarım sekmesinde benzer adlara sahip birçok ayar vardır ve Bağımsız Yazı Tiplerini seçerseniz daha da fazlası eklenir. Bazılarının ne için geçerli olduğunu anlamak biraz deneme gerektirebilir.

Filtrelenebilir Blog Modülü Varsayılan Ayarları

Varsayılan ayarları kullanarak Filtrelenebilir Blog Modülüne bir göz atın. Birkaç özel kategori seçtim. Bu kategoriler, blog bölümünün üst kısmındaki filtrede listelenir. Bir kategoriye tıklamak diğerlerini filtreler.

İşte duvar düzenini kullanan Filtrelenebilir Blog Modülü. Varsayılan olarak, düzen tasarımı, bazı stiller eklenmiş bir daha fazla oku düğmesi, gezinme sonrası, kenarlık vb. dahil olmak üzere bazı hoş tasarım öğeleri ekledik.

Filtrelenebilir Blog Modülü Örnekleri

Bu, görüntünün altındaki içerikle tam genişliktedir.

Bu, makale mesafesi 5'ten 7'ye yükseltilmiş, maksimum sütun sayısı 5'e değiştirilmiş ve kelime sayısı 20'ye düşürülerek Masonluk kullanıyor.

Bu örnek, içeriği gizler, böylece yalnızca resim görüntülenir. Sütun başına 2 gösterecek şekilde ayarladım. Filtre, düğmeler yerine metin gösterir.

Bu örnek, görüntüleri aynı yüksekliğe ayarlar. Varsayılan ayarı kullanıyorum, ancak isterseniz kendi piksel yüksekliğinizi ayarlayabilirsiniz.

Bu, ışığa ayarlanmış metin içeren bir kaplama kullanır. Metin, üzerine gelindiğinde görüntülenir ve kaydırılabilir.

Bu, Lightbox'ı kullanır. Blog gönderilerinin resimleri bir ışık kutusunda açılır. Daha fazla oku düğmesi, resim başlığı ve blog gönderileri arasında gezinmek için oklar içerir. Başlık ve kapanış metni, bir arka plan rengi ekledim ve resmi metnin üzerine yerleştirdim.

Bu, aralarındaki boşluğu kaldırmak için makale mesafesini 0'a ayarlar. Görüntü boyutunu aynı ve 440 piksel olarak ayarladım. Bir içerik yerleşimi kullanıyor ve arka planı şekillendirdim.

Burada meta ve içerik metninin renklerini ayarladım. Tüm metni bağımsız olarak stilleyebilirsiniz.

Projeler için Filtrelenebilir Blog Modülünü Kullanma

Modül ayrıca Proje gönderi türlerini de görüntüler. Bu örnek, Metin Yazarı düzen paketindeki portföy sayfasını kullanır. Portföyü Filtrelenebilir Blog Modülü ile değiştirdim. Makale mesafesi 30 olan duvar düzenine sahip 3 sütun kullanıyorum. Kategori filtresini gizliyorum, ancak bunun için kullanmanın bir avantajını görebiliyorum. Ekstra örneğimiz için tekrar ekleyeceğiz.

İçeriği, yaklaşık %50 şeffaflık ile koyu bir arka plan üzerinde bir kaplama olarak gösteriyorum. İçeriği 10 kelimeyle sınırladım ve tüm meta bilgileri devre dışı bıraktım. Daha Fazla Ekle düğmesini etkinleştirdim ve Daha Fazlasını Oku düğmesinden ayrı olarak biçimlendirdim.

Bu, modülü filtrelenebilir bir blog olarak kullanır. Daha fazlasını okudum ve mizanpajın stiline uyması için daha fazla düğme ekledim. Düzenin biraz daha fazlasını ekledim, böylece nasıl karıştığını görebilirsiniz. Tasarımla mükemmel uyum sağlar.

Filtrelenebilir Blog Modülü ile Öne Çıkan Yazılar Oluşturun

Daha ilginç özelliklerden biri Öne Çıkan Gönderiler. Bu, dergi tarzı bir düzen oluşturur. Posta kimliklerini virgülle ayırarak ekleyin. Gönderi kimliğini, gönderinin düzenleme ekranında gönderinin adres çubuğunda bulacaksınız ( post= gösterecek ve numarayı verecektir). Bu ayarlarda öne çıkan gönderilerin yer paylaşımını ayarlayabilirsiniz.

İşte sonuç. Bu, tam genişlik modunda öne çıkan gönderilerin altındaki blog gönderilerini görüntüleyen tam genişlik düzenini kullanır. Öne çıkan gönderiler, bir dergi düzeni oluşturmak için bir büyük resim ve iki küçük resimle görüntülenir.

Bu, duvar düzeni ile aynı ayarlardır. Öne çıkan gönderilerin ve blog gönderilerinin birbirine daha iyi karışmasını isteseydim filtreyi devre dışı bırakabilirdim. İlginç olan başka bir şey de, öne çıkan gönderiler ve blog gönderileri arasına başka düzenler yerleştirme yeteneğidir.

Divi Kitaplığımdan öne çıkan gönderiler ve blog gönderileri arasında bir düzen görüntülemek için bir düzen kimliği ekleyin. Düzenin kimliğini Divi Kitaplığından alın ve Filtrelenebilir Gönderilerden Önce Düzeni Göster etiketli alana yapıştırın.

Metin Yazarı düzenindeki bölümlerden birini kitaplığa kaydettim ve ardından kimliğini görüntülemek için ekledim.

Filtrelenebilir Blog Modülünü Ekstra ile Kullanma

Ekstra ile mükemmel çalışır. Bu örnekte, Metin Yazarı yerleşim paketi içindeki Projeler örneğine biraz daha stil ekledim. Başlık metnine, içerik metnine, daha fazla metin okuma, daha fazla metin ekleme ve filtre metnine stil verdim.

Bu, bir duvar düzenine sahip, yukarıdaki Divi örneğindeki Öne Çıkan Mesajlar tasarımıdır. Gönderi görüntüleri, modül içinde manuel olarak ayarlanabilen Extra'nın tasarımına otomatik olarak uygundur.

Lisans ve Belgeler

Eklenti, siz ve müşterileriniz için sınırsız web sitesine kurulabilir. Belgeler, video eğitimlerini, bir blog makalesini içerir.

Satın alma bilgileri için geliştiricinin web sitesine bakın.

Biten Düşünceler

Eklentiyi test ederken çok fazla olumsuzluk yaşamadım. İstediğim tüm stiller oradaydı ama bazılarını bulmak biraz zordu. Örneğin, filtre stili Gövde Metni olarak etiketlenmiştir. Filtre metninin stilini ayarlayabildim, ancak etiketleme, neyi şekillendirdiğimi anlamamı zorlaştırdı.

Ayrıca, Bağımsız Yazı Tiplerini etkinleştirirsem başlık metnini biçimlendirebilirim. Devre dışı bırakırsam, stil hala oradaydı ancak stili değiştirme özelliği gizlendi. Bunu bir kez anladığımda, istediğim her şeyi şekillendirmek kolaydı. Okumayı daha fazla değiştirme ve daha fazla metin ekleme yeteneği istiyorum. Düğmeye stil verebilirdim ama ifadeyi değiştiremedim.

Divi – Filtrelenebilir Blog Modülü, bazı ilginç özellikler ekler ve birçok blog tasarım olanağı yaratır. Herhangi bir özel gönderi türüyle bir dergi düzeni, blog beslemesi veya bir özet akışı oluşturun ve bunların her biri filtrelenebilir. Daha Fazla Ekle düğmesi güzel bir bonus. Yalnızca bu modül ile bir düzen oluşturabilirsiniz ve hatta bunun, düzeniniz içindeki diğer modülleri göstermesini sağlayabilirsiniz.

Örneklerim, bu eklenti ile yapabileceğiniz şekillendirmeye yeni başlıyor. Blog beslemenize bazı yeni ve ilginç özellikler eklemekle ilgileniyorsanız, Divi – Filtrelenebilir Blog Modülü aradığınız eklenti olabilir.

Senden duymak istiyoruz. Filtrelenebilir Blog Modülünü denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

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