Divi Blog Modülünüze Nasıl Ölçme Eklenir

Pagination, sayfa içeriğinizi basit tutarken web sitenizin navigasyonunu artırmanın iyi bir yoludur. Bir sayfada düzinelerce blog yazısı görüntülemek yerine, kullanıcıların istedikleri takdirde daha fazla görebilmeleri için bazı görüntüleyebilir ve bağlantılar sağlayabilirsiniz. Boyinasyonun divi ile eklenmesi kolaydır. Bu makalede, blog Divi modülünüze nasıl sayfalandırma ekleyeceğimizi göreceğiz. Ayrıca, düzeninize uyacak şekilde nasıl düzenleneceğini de göreceğiz. Başlayalım. Boyinasyon Nasıl Kullanılır Boyinasyon Blog Yemi gibi içeriği sayfalara böler. Tüm içeriği bir kerede görüntülemek yerine, kullanıcılar sayfalar arasında bir sayfalama bağlantısı kullanarak gezinebilir.
Divi blog modülünde, bu, kullanıcıların önceki veya bir sonraki blog yazılarından oluşan bir koleksiyona gitmesini sağlayan blog yem altında görünen bir bağlantı koleksiyonudur. Bu, kullanıcıların her şeyi aynı anda ekrana yerleştirmek zorunda kalmadan yayınlarınızı görmeleri için kolay bir yol sağlamanızı sağlar.

Paination her iki yönde de işlev görür, böylece kullanıcılar eski yayınları ve bir sonraki gönderiyi görebilir. Blog modülünde pajinasyon mevcuttur. Bu modül yayınları üstün direkler gibi farklı şekillerde görüntüleyebilir. Pagination, bir blog modülünde yalnızca yayınlar, ister yayın, proje, vb. Birkaç blog modülü ile sayfalara bakmamızın nedenini görebiliriz.

Yukarıdaki birçok numune modülü ile sayfalandırma, zemin düzeni paketinin blog sayfasıdır. Bu düzen dört blog öğesi içerir. Birincisi blog kaydırıcı modülü. Sonraki üçü blog modülü. İlk ikisi kahramanı yaptı. Bu, sayfalama bağlantısını göstermez. Dördüncü blog modülü, sayfalandırma bağlantısını görüntüler. Bu bağlantı yalnızca bu blog modülü için çalışır. Paginasyon yalnızca belirli blog modülleri için yayınları değiştirir. Sayfada birkaç blog modülü kullanırsanız, diğer modüller aynı kalacaktır. Bazı kullanıcılar ilk başta bununla karıştırılabilir. Tüm sayfaların değişmesini bekleyebilirler. Modüller birbirinden oldukça farklı görünüyorsa, neler olduğunu anlayacaklar ve onlar için mantıklı olacaklar. Başka bir deyişle, blog yem değişikliklerinde yayınlanırken kahramanların etkilenmediği açık olacaktır. Farklı bir tasarım bölümünde. Bu örnekte, her blog modülüne sayfa ekledim. Sayfa şimdi daha kafa karıştırıcı ve UX tasarımı kötü. Her modül aynı yayını görüntüler, bu nedenle sayfayı ana blog feed ile sınırlamalısınız. Paination’ın birkaç blog modülü ile çalışacağı tek zaman, her birinin dergi düzeni gibi farklı kategoriler göstermesidir.

Navigasyon Pagination vs Blog modülünde sayfa gönderme gönderme posta gezinme modülünden farklıdır. Benzer ama farklı işlevler gerçekleştirirler ve değiştirilemezler.

Pagination blog modülünden edinilebilir ve birkaç basit ayarı vardır. Bir blog gönderisinden diğerine gezen navigasyon modülü. Birkaç ilginç seçeneği olmasına rağmen, bu blog sayfalarından ziyade blog yayınlarında veya blog yayın şablonlarında kullanılması amaçlanmıştır. Navigasyon modüllerini yayınlama hakkında daha fazla bilgi için, divi blog yayın şablonunuza nasıl navigasyon yazma makalesine bakınız. Şimdi, DIVI blog modülünde sayfaleşmeyi nasıl etkinleştireceğinize ve devre dışı bırakacağınıza bakalım.

Paginasyon Nasıl Etkinleştirilir Sayfayı etkinleştirmek için YouTube kanalımıza abone olun, sayfayı blog modülünüzle açın ve ekranın üst kısmındaki Visual Builder’ı etkinleştirin. Blog modülünüze gidin ve ayarları açmak için dişliler seçin.
İçerik sekmesinde ve öğeye gidin. Burada, etkinleştirebileceğiniz veya devre dışı bırakabileceğiniz bazı şeyler göreceksiniz. Listedeki sonuncuya gidin, sayfalandırmayı gösterin ve evet’i tıklayın.

Sayfa Göster: Evet

Sonra, ayarlamalısınız. Örneğimiz için, zemin düzeni paketine uyacak şekilde ayarlayacağız.
Blog Modülü Ayarlarında Pagination Metin Stili Nasıl Yapılır, Tasarım sekmesini seçin ve sayfa indirme için aşağı kaydırın. Bu örnek için, yazı tipini varsayılan ayarlarda bırakacağız. Ağırlık için kalın ve stil için alt çizgiyi seçin. Metnin rengini #7C8B56 olarak değiştirin. Alt satırın rengini ayarlamamız gerekmez, çünkü bu yazı tipinin rengini takip edecektir.
Mektup Türü: Varsayılan

Ağırlık: Kalın
Stil: Altı çizili
Renk: #7C8B56
Her ekran türü için yazı tipi boyutunu ayrı ayrı değiştireceğiz. İlk olarak, imleci sayfa metin boyutunun başlığına yönlendirin ve ekran simgesini tıklayın. Bu ekran seçeneğini açar. Masaüstü’nü seçin ve 20 piksel olarak ayarlayın. Masaüstü Sayfa Metin Boyutu: 20px
Ardından, tablet simgesini seçin ve boyutu 18px olarak ayarlayın.

Tablet Pagination Metin Boyutu: 18px
Şimdi, telefon simgesini seçin ve yazı tipi boyutunu 16px olarak değiştirin.

Metin Boyutu Telefon Sayfa: 16px
Son olarak, çizgi yüksekliğini 1.4EM olarak değiştirin. Şimdi, modülü kapatın, sayfayı kaydedin ve ekranın üst kısmındaki görsel üreticiden çıkın.

Hat yüksekliği: 1.4em
Düzenimize uyacak şekilde sayfalandırma düzenlemek için yapmamız gereken tek şey bu. Sayfa metnini düzenlemenin birçok yolu vardır, bu yüzden birkaç örnek daha göreceğiz. Aynı düzen ve stil öğelerini kullanacağız, ancak bazı değişiklikler yapacağız.

Alternatif Pagination Metin Stili Bunun için sadece bazı küçük değişiklikler yapıyorum. Eğik yazı tipi kuvveti. Sayfanın altındaki arka planla eşleşecek şekilde alt satırın rengini #2F5349 olarak değiştirdim. Bu onu metinden ayrı bırakır. Mevcut metin 22px ve bir harf aralığından 2px ekledim. Diğer her şey önceki stile örnek olarak aynıdır.
Kuvvet: eğik, alt çizgiler
Alt çizgi rengi: #2F5349

Masaüstü Metin Boyutu: 22px
Mektup alanı: 2px
Bunun için, yarı kalın, TT stil, yazı tipi rengi #2F5349, 22 piksel boyut, 1 piksel harf aralığı ve 1.7EM ile hat yüksekliği ayarladım. Bu, önceki örnekten farklı bir nüans artışı sağlar.
Ağırlık: yarı kalınlık
Stil: TT

Mektup Rengi: #2F5349
Masaüstü Metin Boyutu: 22px
Mektup alanı: 1 piksel
Çizgi Yüksekliği: 1.7EM Bu örnek için yazı tipi ağırlığını kalın olarak değiştirdim. Stil artık büyük ve küçük kapaklar. Aşağıdaki CTA’dan bir yazı tipi rengi olarak koyu gri, #28292d kullandım. Boyutu 20 piksel, harf aralığı 2px’e ve hat yüksekliğine 2em olarak değiştirdim. Ağırlık: Kalın
Stil: Büyük ve küçük şapkalar
Mektup Renk: #28292D
Masaüstü Metin Boyutu: 20px

Mektup alanı: 2px
Hat yüksekliği: 2em
Bu küçük değişiklik tasarım üzerinde büyük bir etki yaratabilir. Farklı bir tasarım denemek ve hangisinin sizin için en uygun olduğunu görmek iyi bir fikirdir.
Blog Divi modülünüze nasıl sayfa ekleneceğimiz konusundaki görünümümüz olan zihnin sonlandırılması. Sayfa, sayfayı temiz tutmanın en iyi yoludur. Blog yayınınızın küçük bir bölümünü görüntüleyebilirsiniz ve kullanıcılar istedikleri takdirde daha fazla içeriğe kolay erişebilir. Bağlantı basit olsa da, diğer düzeninize uyacak şekilde düzenleyebilirsiniz. Senden duymak istiyoruz. Blog Divi modülünüzde Pagination’ı etkinleştirdiniz mi? Yorumlarda bize bundan bahsedin.

admin

Bir Cevap Yazın

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