Blog Modülü Grid & amp;Tam genişlik divi
Divi’nin blog modülü size iki varsayılan düzen stili verir. Izgara ve tam geniş. Ama nasıl seçeriz? Bu makalede, bu soruyu keşfedeceğiz ve ikisi arasında karar vermenize yardımcı olmak için Grid Divi ve Fullwidth Blog Modül Düzenini karşılaştıracağız. Her iki stili de kullanarak bazı farklı örnekleri de paylaşacağız. Başlayalım! Divi Blog Modülü Düzeninizi Değiştirin
Tartışmamıza girmeden önce, neden bahsettiğimizi ve nasıl değiştireceğimizi görelim. Divi blog modülü, ızgara ve tam genişlik düzeni arasında seçim yapmak için ayarlar içerir. Blog modülünde tasarım sekmesini açın.İlk bölüme düzen denir. İki seçeneği olan bir açılır kutu vardır: Fullwidth ve Izgara. Bu örnek ızgara seçeneğini gösterir. Varsayılan olarak ardışık 3 yayın görüntüler. Izgara duyarlıdır, bu nedenle sayfa tasarımına uyacak şekilde bir satırdaki yayın sayısını değiştirir. Bu örnek için satır sayısını değiştirdim. Grid, iki sütun görüntülemeye yanıt verdi. Bu örnek tam genişlik seçeneğini gösterir. Bir satırda sadece bir yazı görünecek şekilde dikey olarak istiflenmiş gönderiler görüntüler. Bu aynı zamanda duyarlıdır, ancak genişliğinden bağımsız olarak bir yazı görüntüler.
İki tasarıma daha yakından bakalım. Divi Blog Modülü Kutu Düzeni Blog tasarımında, kutu düzeni tam geniş bir düzenden daha popülerdir. Bu, sayfaya birkaç sütun halinde bir blog yazısı yerleştirerek bir kutu oluşturur. Her gönderi kart olarak sunulur. Duyarlı ızgara, böylece sütun sayısı ekrana uyacak şekilde değişecektir. Dergi ve portföy blogları bu tür düzenlerle bilinir. Pinterest, YouTube, Amazon ve diğer çevrimiçi mağazalar gibi siteler kutudaki içeriği görüntüler. Ücretsiz Divi düzen paketindeki Divi blog sayfasının düzeninin çoğu kutunun düzenindedir. Bu, Divi’de seçebileceğiniz birkaç ücretsiz divi düzen paketinin bir blog sayfasıdır. Yazılım
Yazılım düzeni paketi için blog sayfası, kahramanda üstün bir yazı içerir. Izgara, kartı sınırla görüntüler, bu da öne çıkmasına yardımcı olur. Meta veriler ve okuma bağlantıları tam mor renkte, böylece öne çıkıyor. Peyzaj bakımı Üstün görüntüyü olmayan bir gönderi içeren yan bıçaklara sahip 2 sütun ızgaraları kullanan peyzaj bakımı blogu sayfası. Kahraman bölümü, üstün bir görüntü olmadan bir Post -image kayması içerir. Blog kartları temiz görünen minimum bir tasarıma sahiptir. Zemin
Zemin Düzeni Paketi Sayfası sayfası, bir ızgaraya yol açan çeşitli özelliklere sahip 3 sütunlu bir kafes kullanır. Kahraman bölümü bir yazı -superior görüntü Lander görüntüler. Bir sonraki bölümde bir sütundaki en son yayınları ve yanında üstün resimler olmadan üç yayın daha görüntüler. Pro ızgara düzeni Izgara tasarımı iyi yapılandırılmıştır. Kart, küçük bir alanda çok fazla bilgi sunar. Çok iyi alan kullanıyor. Gönderme, bahçede CTA ve diğer unsurlar için önemli bir gayrimenkul olabilecek daha az yer gerektirir. Sayfalar daha küçük olabilir. Kullanıcı aynı anda daha fazla bilgi görebilir, çünkü sayfada daha fazla içerik vardır. Bu, daha az alanda daha fazla içerik sağlar. Bu büyük bir ekranla daha iyi görünüyor.
Ekranda aynı anda daha fazlası olduğundan, kullanıcılar ilgilendikleri içeriği daha hızlı bulabilirler. Sayfaları taramak daha kolaydır ve daha uzun yayınlar bulmak için içeriği kaydırmak daha kolaydır.
Meta veriler daha belirgindir, bu nedenle kullanıcıların kategorileri, yazarları vb. Seçme için daha fazla fırsata sahiptir.
İçeriği dergiler gibi kategorilere bölmek ve kategori düzeni için en iyi seçim haline getirmek daha kolaydır.
Bu duyarlıdır, bu nedenle yazı mobil cihazlarda geniş hale gelir.
Izgara düzeni eksikliği
Genellikle sayfada çok fazla içerik vardır, bu da sayfayı daha dağınık hale getirir.
Üstün görüntü daha küçük, bu yüzden öne çıkmıyor. Bu resme dikkat etmiyor.
Daha fazla içerik yükleme sayfa yükleme süresini etkileyebilir.
Bir gönderiyi görmezden gelmek daha kolaydır çünkü karışabilirler.
Divi Blog Modülü Tam Düzen Divi
Tam geniş düzen, bir sütunda bir blog yazısı yerleştirir, böylece gönderi dikey olarak istiflenir. Tam geniş düzen ile üstün görüntüler blog yayınlarının en önemli unsurlarıdır. Facebook ve eBay arama sonuçları gibi siteler tam genişlikte görüntülenir. Bu aynı zamanda hizmetlerle ilgili ayrıntıları görüntülemek için popüler bir seçenektir. Fullwidth Divi Blog Düzeni Örnekleri Tam genişliğinde Divi blog düzenlerinin bazı örneklerini görelim. Bu, birkaç ücretsiz divi düzen paketinden bir blog sayfasıdır. Sosyal Medya Danışmanı Bu, sosyal medya danışmanı düzeni paketi için bir blog sayfasıdır. Bu, yan çubuğu içerir, bu nedenle üstün görüntü bahçede fazla yer kaplamaz. Başlık büyük ve kalın, görmeyi ve okumayı kolaylaştırıyor.
Sigorta acentası
Sigorta acentesi düzeni paketinden aşağıdaki blog sayfası. Bu yan çubuğu içermez. Bu, üstün görüntülere odaklanıyor. Fizik Tedavi
Bu, fizik tedavi düzeni paketleri için blog sayfasıdır. Bu, yan çubuğu içerir, ancak beyaz alanları kullanmak için diğer renk ve tasarım öğelerini de kullanır. Aşırı geniş düzenTüm üstün görüntüler tam genişlik olduğu için öne çıkıyorlar. Her yazı daha fazla ekran alır, böylece hepsi dikkat çeker. Bu, her gönderi ile katılımı artırır. Tasarım daha minimalist. Bu onu çok dağınık olmayan bir tasarım yapar.
Bu, yanlar ve diğer unsurlarla iyi çalışır.
Görüntüleri bir tarafa yerleştirme ve diğer tarafa alıntılar gibi daha fazla düzen seçeneği elde etmek için CSS veya eklentileri kullanabilirsiniz. Bir adım daha ileri gidebilir ve yerleşim alanında bir yazı sunabilirsiniz.
Görüntü tam genişliğe sahip olduğundan, boyut çok büyük olabilir. Her gönderi bahçede çok fazla alan gerektirir. Bu özellikle yan çubuğu kullanmazsanız doğrudur.
Sayfaların taranması daha zordur. Bazı yayınları görmek için daha fazla sıra gerekir, böylece kullanıcılar ne aradıklarını görmek için sayfayı göremezler. Sayfanın kaydırılması daha uzun sürer.
Düzen dergi düzeni için düzgün çalışmaz. Yazıları sayfadaki kategoriye yerleştirmek daha zordur.
Üstün görüntü daha küçük hale getirilirse, düzen sayfada çok fazla boş alan olabilir.
Kullanıcı sayfayı kaydırmazsa bir yayını kaçırmak daha kolaydır.
Blog Izgara Modülünün düzeni ve Fullwidth Divi arasında seçim yaparken, ikisi arasında seçim yaparken doğru veya yanlış bir cevap yoktur. Web sitelerinin her tasarımı ve ihtiyaçları farklıdır. İşte seçerken hatırlayabileceğiniz bazı düşünceler:
Aradığınız tasarıma en uygun düzeni seçin.
Hangi tasarımın sizin için en ilginç olduğunu görmek için Divi’nin blog düzenine bakın.
Her birinin artılarını ve eksilerini düşünün ve hangisinin ihtiyaçlarınız için daha iyi olduğunu görün.
Kitlenize bırakın. Hangi ekran boyutunun kitleniz tarafından en yaygın olarak kullanıldığını görmek için istatistiklerinizi kontrol edin. Kitlenizin çoğunluğu blogunuzu masaüstünde görürse, kutu düzeni en iyi seçim olabilir. Kitlenizin çoğunluğu blogunuzu mobil cihazlarda görürse, tam genişlik düzeni en iyi seçim olabilir. Divi duyarlıdır, böylece bir kafes düzeni kullanabilir ve masaüstünde bir kafes ve hücreselde tam genişliğe sahip olabilirsiniz. Kutunun yeri dergi tarzı bloglar için daha uygundur. Çeşitli kategorileri daha kolay gruplandırabilir ve sunabilirsiniz. Çok sayıda blog yazısı görüntülemek istiyorsanız bu da daha iyidir. Bu, sayfada daha fazla yayın gösterir ve gezinmesi daha kolaydır.
Yalnızca birkaç gönderiniz varsa veya sık yayın yapmazsanız tam geniş düzen daha iyidir. Yemdeki her gönderiye dikkat çekmek istiyorsanız bu iyi bir seçimdir. Farklı kategoriler görüntülemenize gerek yoksa da iyidirler.
Kendinize birkaç blogu test edin ve hangisini kullanmak istediğinizi görün.
Kitleniz için hangisinin en uygun olduğundan emin değilseniz, hangi düzenin size en fazla trafiği verdiğini görmek için her zaman A/B ayırma testini deneyebilirsiniz.
Bazı ilginç düzen oluşturmak için birlikte kullanın.
Zihnin bitmesi, Divi’den ızgara ve Fullwidth Blog Modül Düzeninin karşılaştırılmasıdır. Her iki düzen de zarif bir blog tasarımı sağlar. Sayfa tasarımının kırılmasına yardımcı olmak için kahraman alanına en son yayınları ekleyerek birlikte kullanabilirsiniz.
