Harika Blog Düzenleri Olan 11 Divi Web Sitesi


Blog, bir web sitesinin en sevdiğim özelliklerinden biridir. Kalabalığın arasından sıyrılan bir blog tasarlamak zor olabilir. Bu nedenle, varsayılan tasarımı kullanan birçok blog görüyoruz. Neyse ki, blog düzenleri ve bireysel blog gönderileri Divi ile tasarlanabilir ve biçimlendirilebilir. Bu yazıda, bir sonraki Divi tasarımınız için size ilham vermeye yardımcı olacak harika blog düzenlerine sahip 11 Divi web sitesine bakacağız.

Mizanpaj tasarımına, kart tasarımına, resimlerin kullanımına, renklere, yazı tiplerine vb. bakıyorum. Blogun bir resmini göstereceğim ve neleri sevdiğimi tartışacağım. Web siteleri belirli bir düzende değildir. Kendi harika blog düzenlerinizi tasarlamanıza yardımcı olacak birkaç bağlantı için sonuna kadar bekleyin.

1. Papatya ve Yumru

papatya ve yumru

Bu, blog gönderilerinin her biri için kare kartlarla üç sütun düzeni kullanır. Kartlar bir gölge efekti içerir. Kartın alt kısmında küçük bir başlık ve yer paylaşımında büyük bir daha fazla oku düğmesi görüntülenir. Daha fazla oku düğmesinin arka planı, üzerine gelindiğinde renk değiştirir. Tüm renkler web sitesinin markasıyla eşleşir. Blog gönderileri ayrıca bir gölge efekti kullanır ve başlığın altına sosyal düğmeler ekler. Dikkat dağıtıcıları yoktur.

Web Sitesine Bakın

2. Askeri Araç

askeri araç

Bu, web sitesine uyması için stil sahibi bir kart tasarımına sahip üç sütunlu bir düzen kullanır. Yine de ilginç bulduğum şey, ilk sütunun blogdaki gönderiler, ortadaki sütunun Instagram'daki gönderiler ve sağdaki sütunun Facebook'tan gönderiler olması. Her üç sütun da aynı stili kullanır ve bireysel kimliklerini korurken mükemmel bir şekilde birbirine karışır. Gönderiler kısadır ve kenar çubuğunda sosyal beslemeleri içerir.

Web Sitesine Bakın

3. Beceri Anketi

beceri anketi

Bu, gönderileri dört sütunda görüntüler. Tıkladığınız kategoriyi görüntülemek için tıklandığında kartları karıştıran bir filtre içerir. Yalnızca resmi, başlığı, alıntıyı gösteren ve daha fazla metin okuyan temiz kart tasarımını seviyorum. Gönderiler, kenar çubuklu standart blog düzenini kullanır, ancak üstte sosyal düğmeler ve altta ilgili gönderiler ekler.

Web Sitesine Bakın

4. Dün Gerekir

ihtiyaç dün

Bu üç sütunlu düzendeki kartlar, gölge efektleri, yuvarlatılmış köşeler, büyük başlık metni, diğer metinden üstte ve altta çizgilerle ayrılmış ve kırmızı ile basılmış kategoriler ve altta daha fazla metin okuma içerir. Öne çıkan resimler için düz resim tasarımlarını seviyorum. Öğelerin her biri tıklanabilir. Gönderiler, başlık, kategoriler, örtüşen bir yazar görüntüsü, örtüşen takip düğmeleri, meta, paylaşım düğmeleri ve gönderiyi kenar çubuğu olmadan tek bir sütunda tam genişlikte gösterir.

Web Sitesine Bakın

5. WP Podcast

wpthepodcast

Bu blog, yalnızca metinden ziyade bir podcast'e odaklanır, ancak tüm blog öğeleri oradadır. Gönderileri, öne çıkan görsel solda ve kategori, başlık, alıntı ve meta sağda olacak şekilde tek bir sütuna yerleştirir. Kartın üzerinde herhangi bir yere gelindiğinde tüm kart yakınlaştırılır. Gönderilerin kendileri, öne çıkan resmi solda, sağda bir ses çalarla tam genişlikte ve ardından metni tek bir sütunda görüntüler.

Web Sitesine Bakın

6. Yarat

yaratıcı

Bu düzen, gönderileri, ilk satırı yukarıdaki bölümle örtüşen üç sütun halinde görüntüler. Kartların gölge efektleri vardır ve öne çıkan resmi, başlığı kalın harflerle ve bir alıntıyı gösterir. Gönderiler, öne çıkan görseli tam genişlikte başlık ve yazarın adıyla, ardından metni tek bir sütunda veya bir kenar çubuğuyla gösterir.

Web Sitesine Bakın

7. Les Anagnou

lesanagnou

Bunun için, uzun özellikli görüntüler, yazı başlığının, tarihin, ayırıcının, alıntının ve daha fazlasını oku düğmesinin yanına oturmak için kaydırmada sol taraftan kayar – tümü web sitesine uyacak şekilde tasarlanmıştır. Kategori butonları sayfanın üst kısmına yerleştirilmiştir. Gönderiler, büyük özellikli bir resme sahip kutulu bir tasarım kullanır. Metin alanı görüntüyle örtüşür ve başlığı, ayırıcıyı, alıntıyı ve gönderiyi ve ardından stil sahibi paylaşım düğmelerini görüntüler.

Web Sitesine Bakın

8. Airglow Dijital

airglowdijital

Bu, kartpostalları kenar çubuğu olan iki sütun halinde görüntüler. Kartlar, gölge efektleri kullanır ve sitenin stiline uyacak şekilde öne çıkan görseli, büyük ve kalın başlıkları, metayı, alıntıyı ve stilize edilmiş daha fazla oku düğmesini görüntüler. Gönderiler, öne çıkan görseli başlık ve meta, ardından metin ve kenar çubuğuyla birlikte tam ekran olarak görüntüler. Gönderiler, güzel bir şekilde öne çıkan başlıklar için büyük yazı tipleri kullanır.

Web Sitesine Bakın

9. ASBA Yaratıcı Stüdyosu

asbacreativestudio

Bu blog, gönderilerin üzerinde bir arama kutusuna sahiptir ve gönderileri bir kenar çubuğuyla tek bir sütunda görüntüler. Gönderiler, soldaki resimleri başlık, meta, kısa alıntı ve sağda daha fazla oku düğmesi ile gösterir. Meta ve düğme, sitenin markasına uyacak şekilde tasarlanmıştır. Gönderiler aynı düzen tasarımını takip eder ve ilgili gönderiler ve güzel bir CTA ekler.

Web Sitesine Bakın

10. Tasarım Krista

tasarım bykrista

Bu blog, posta kartlarını, yazıların, başlığın, metanın, alıntının ve stilize edilmiş daha fazla okuma metninin üzerinde büyük özellikli resimlerle birlikte tek bir sütunda görüntüler. Kartlar bir gölge efekti kullanır ve içerik ortalanır. Gönderiler aynı tasarımı takip eder ve ilgili gönderileri dikey olarak ekler. Gönderilerin kutu gölge efekti vardır. Minimal tasarım temiz ve takip etmesi kolaydır.

Web Sitesine Bakın

11. Acqua Strande

aquastrande

Bu blog Divi 100 Makale Kartları eklentisini kullanır. Kartlar, sağ üst köşede tarih ve sol alt köşede kategori, başlık ve yorum sayısı ile öne çıkan resmi gösterir. Fareyle üzerine gelindiğinde kartlar bir gölge efekti görüntüler ve başlık bir alıntıyı göstermek için yukarı doğru hareket eder. Gönderiler, bir resim ve en son üç blog gönderisini içeren örtüşen bir bölüm görüntüler. İçerik, bölüm için ten rengi bir arka plan üzerinde koyu bir arka plan ve açık kenarlıklı kutulu bir sıraya yerleştirilir ve kenarlıklı alternatif görüntüler içerir.

Web Sitesine Bakın

Biten Düşünceler

Bu, bir sonraki Divi web siteniz için size ilham vermeye yardımcı olacak harika blog düzenlerine sahip 11 Divi web sitesine bakışımız. Divi blog tasarımlarınızla ilgili daha fazla yardım için burada ET blogunda çok sayıda makale var ve hatta bazılarının birkaç indirmesi bile var. İşte sadece birkaçı:

  • Divi'nin Blog Gönderi Biçimlerine Özel Şablonlar ve Tasarım Nasıl Eklenir Bölüm 1, Bölüm 2, Bölüm 3
  • Divi Blog Sayfanızı Zarif Temaların Yeni Tasarımı Gibi Görünecek Şekilde Nasıl Biçimlendirirsiniz?
  • Divi'nin Tek Yazısını Yeni Zarif Temalarla Eşleştirmek İçin Nasıl Stil Verilir Yazı Tasarımı
  • Divi ile Orta Stil Blog Nasıl Oluşturulur
  • Yazara Göre Divi Blog Yazılarını Kodlama Nasıl Renklendirilir
  • Divi Blog Gönderi Alıntılarınızın Uzunluğunu Değiştirme
  • Divi Blog Modülü Izgara Kartlarınızı Nasıl Stillendirirsiniz (4 Örnekli)
  • Divi Blog Gönderi İçeriğinizin Üstüne, İçine ve Altına Reklamlar Nasıl Eklenir
  • Divi'nin Blog Gönderisi Meta Verilerine “Son Güncelleme” Tarihi Nasıl Eklenir
  • WordPress'te Harika Uzun Biçimli İçerik Tasarlamak İçin İpuçları
  • Ücretsiz Divi Blog Gönderisi Düzen Paketi, Oluşturucu Tarafından Desteklenen Makalelerinizi Bir Sonraki Seviyeye Taşıyacak

Senden duymak istiyoruz. Bu blog düzenlerinden hangileri favorileriniz? Yorumlarda bize bildirin.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir