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

Divi'nin blog modülü, her türlü özelleştirmeye izin verir. Düzen, yazı tipi stilleri, kenarlıklar, bindirmeler, içerik vb. gibi standart ayarlarının yanı sıra, CSS ile daha da fazla ayarlayabilirsiniz. Kendi kodunuzu yazmak zorunda kalmadan görünümü değiştirmek ve bazı özellikler eklemek isterseniz ne olur? Divi Özel Blog Modülü adlı bir üçüncü taraf eklentisi ihtiyacınız olan şey olabilir.

Divi Özel Blog Modülü (artık DTS Blog Modülü Pro olarak adlandırılır), Divi Builder'a sosyal medya etiketleri, meta ve kategoriler için arka plan renkleri ve daha fazlasını içeren yeni stil ve özellikler sağlayan yeni bir modül ekler. Hem tam genişlikte hem de ızgara düzenlerinde çalışır. Daha da özelleştirmek için kendi CSS'nizi ekleyin. Renkleri gerçek zamanlı olarak ayarlayabilmeniz için 12 yeni özelleştirme seçeneği ekler. Ayrıca kenar çubuklarınıza yerleştirmek için üç yeni widget içerir.

Bu yazıda Divi Özel Blog Modülü eklentisine bir göz atacağız ve neler yapabileceğini göreceğiz. Nasıl çalıştığını görebilmemiz için birkaç örnek blog yazısı oluşturdum. Blog gönderilerinin görselleri Unsplash.com'dan alınmıştır.

Kurulum ve Ayarlar

Eklentiyi herhangi bir premium eklenti gibi yükleyin ve etkinleştirin. Etkinleştirildiğinde, panonuzda Divi Özel Modüller adlı yeni bir menü öğesi bulacaksınız.

Bu menü, blog parçacıklarına eklenebilecek ek öğeleri seçmenize olanak tanır.

DCM Seçenekleri , blog snippet'inde görüntülenen sosyal medya ve e-posta simgelerini etkinleştirmenize veya devre dışı bırakmanıza olanak tanır.

DCM Seçenekleri – Özel Meta , yazar, tarih ve yorumlar için özel meta alanları etkinleştirmenize veya devre dışı bırakmanıza olanak tanır.

Tüm bu seçenekleri örneklerime dahil ettim.

Blog Düzeni Oluşturma

Örnek blog yazılarımı görüntülemek için bir sayfa oluşturdum ve modülü yerleştirdim. Artık iki blog modülü olduğuna dikkat edin - orijinal Divi modülü (sadece Blog olarak adlandırılır) ve Özel - Blog adlı yeni bir modül. Özel - Blog'u seçin.

Düzen, gönderi numarası, kategoriler, meta, sayfalandırma, ofset, öne çıkan görüntü, görüntü bindirmesi, yazı tipi stilleri, kenarlıklar, simgeler vb. dahil olmak üzere alıştığınız tüm blog özellikleri burada. Blog düzenini ayarlayabilir ve aynı kontrol düzeyine sahip standart Divi blog modülüyle aynı şekilde tasarlayın.

Eklenen özellikleri görmemize yardımcı olmak için önce standart blog modülünü göstermek istiyorum. Bir ızgara düzeni seçtim ve diğer her şeyi varsayılan olarak bıraktım. Öne çıkan görseli, yazarın adını, tarihi, kategoriyi, yorum sayısını ve makalenin bir pasajını içerir. Temiz ve harika görünüyor.

İşte aynı ayarlarla Divi Özel Blog Modülünü kullanan blog düzeni. Kategori adını sol üst köşeye taşır, yazı adını ortalar ve renkli bir kutunun içine yerleştirir, pano menüsünde seçtiğim sosyal paylaşım butonlarını ekler ve yazı snippet'inin altındaki meta bilgileri taşır.

İşte daha yakından bir görünüm. Sosyal simgelerin üzerine gelindiğinde simge rengi ve arka plan rengi değiştirilir - bu nedenle simge artık beyaz, arka plan rengi ise sosyal ağın markalı rengidir. Bu örnekte, Google+ simgesinin üzerine geliyorum. Düğmeye tıklamak sizi makaleyi paylaşabileceğiniz o sosyal ağa götürür (tıpkı herhangi bir sosyal paylaşım düğmesi gibi).

İşte sadece en son gönderileri gösteren normal ana sayfa (Divi Builder'ı kullanmadan). Arka planda bir resim, standart WordPress gönderileri ve kenar çubuğunda normal WordPress widget'ları ile dikey gezinme kullanıyor. Bunu karşılaştırma için göstermek istedim.

Divi Özel Modülleri etkinken normal WordPress gönderi düzenine bir göz atın. Bu sayfa Divi Builder ile oluşturulmamış olsa da, Divi Özel Blog Modülü kullanan gönderileri aynı ek içeriğin tamamıyla tam genişlikte düzende görüntüler.

Gönderiler, soldaki resim, stilize edilmiş bir arka plan içermeyen başlık, sosyal takip düğmeleri ve snippet ile dikey olarak istiflenir. Kategori sol üst köşede ve meta bilgileri alt kısımda tıpkı modülü kullanırken olduğu gibi.

Üç Yeni Widget

Eklenti ayrıca üç yeni widget ekler:

DCM-Hakkında – ad, unvan, konum, resim, açıklama ve sosyal ağlar.

Divichild Son Gönderiler – başlık, gönderi sayısı, kategori.

Divichild Popüler Gönderiler – başlık, gönderi sayısı, kategori.

Divi Özel Blog Modülü gibi, widget'lar da Tema Özelleştirici ile şekillendirilebilir.

Standart WordPress ana sayfasına yerleştirildiğinde widget'lara bir bakış. Widget'lar modülün renkleriyle kaplanmıştır. Hakkında pencere öğesi, bir ızgara içinde görüntülendiğinde modülle benzer bir düzen tasarımı kullanır.

Tema Özelleştirici

Elbette yazı tipleri ve renkler istediğiniz gibi değiştirilebilir ve tıpkı standart blog modülünde olduğu gibi simgelerle bindirmeler ekleyebilirsiniz. Tema Özelleştiriciyi kullanarak daha da fazla özelleştirme yapabiliriz.

Divi Özel Blog Düzeni adlı Tema Özelleştirici'ye yeni bir özelleştirme eklendi. Burada modül ve widget'lar için etiketlerin, arka planların, yazı tiplerinin, simgelerin ve bağlantıların renklerini ayarlayabilirsiniz. Widget'ları tek tek veya birlikte ayarlayabilirsiniz.

Bu örnekte arka planı, simgeyi ve yazı tipi renklerini ayarladım. Tüm ayarlamaları gerçek zamanlı olarak görebilirsiniz.

Tema Özelleştirici'de yaptığım tüm ayarlamalarla birlikte blog modülüne tam genişlikte bir göz atın. Bu, tam genişlik düzenini kullanır. Ayarlamalar, kategori etiketi rengini, meta modül arka planı ve yazı tipi renklerini, yazı başlığı arka planını, Widget arka planı ve sosyal simgeler hakkında renkleri ve tüm widget'ların başlık rengini içerir.

Bu, ızgara düzenini kullanır. Her iki blog kartı stili de harika görünüyor.

Lisans

Lisans, eklentinin siz ve müşterileriniz için sınırsız web sitesinde istediğiniz kadar kullanılmasına izin verir. Divi Özel Blog Modülünün kullanımı o kadar kolaydır ki belge gerektirmez. Bir Divi modülü ve Tema Özelleştirici kullanabiliyorsanız, bu üçüncü taraf eklentisini kullanabilirsiniz.

• Bu bir premium eklentidir. Satın almak için bu bağlantıyı takip edin: Divi Özel Blog Modülü

Son düşünceler

Ek öğelerin tümü, gönderi snippet'lerine yeni bir görünüm kazandırır, ancak bu yalnızca görsel değildir. Eklemeler aslında yararlıdır. Ve elbette, markanıza veya konunuza mükemmel şekilde uyması için renkleri ve yazı tiplerini ayarlayabilirsiniz.

Özellikle her gönderiye eklenen sosyal paylaşım butonlarını ve sosyal takip butonlarına sahip Hakkında widget'ını seviyorum. En Son Gönderiler ve Popüler Gönderiler widget'ları, stili eşleştirmenize veya bunları ayrı ayrı şekillendirmenize olanak tanıyan daha da fazla parıltı ekler.

Divi Özel Blog Modülü basittir, ancak modül ve widget'lar arasında herhangi bir blogun harika görünmesini sağlamak için oldukça fazla özelleştirme ekler. Blog sayfanıza veya kenar çubuklarınıza bazı yeni özellikler eklemek istiyorsanız, bu eklenti bir göz atmaya değer.

Sizden haber almak isteriz! Divi Özel Blog Modülünü denediniz mi? Yorumlarda deneyiminizi bize bildirin.

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