Kategori ve/veya arşiv sayfası şablonunda bir blog modülü nasıl kullanılır
Divi Blog Modülü, kategori ve arşiv sayfaları oluşturmak için güçlü bir araçtır. Bazı basit ayarlarla, blog modülünü ayarlamak zorunda kalmadan herhangi bir kategoriye veya arşiv sayfasına bir şablon ayarlayabilirsiniz. Bu makalede, arşiv sayfasının kategorisinde veya şablonunda bir blog modülünün nasıl kullanılacağını göreceğiz ve herhangi bir kategoriye veya arşiv sayfasına ayarlayacağız. Başlayalım. Kategori ve/veya arşiv sayfası nedir? İlk olarak, neden bahsettiğimizi tanımlayalım. Arşiv sayfası, belirli arşiv türlerine dahil olan yayınları görüntüler. Bu, yazarları, kategorileri, tarihleri ve etiketleri göndermeyi içerir. Ayrıca, bir proje gibi her yazı türü için de işlev görür.
Kategori sayfası belirli bir blog kategorisi için yayınları görüntüler. Bu bir tür arşiv sayfasıdır. Divi, tüm bu arşiv sayfaları için bir şablon oluşturmamızı sağlar. Dinamik yayın seçeneklerini kullanarak belirli arşiv sayfaları için bir şablon da yapabiliriz. Arşiv sayfalarının içeriğini belirleyin Arşiv sayfasına bir şablon ayarlayabilsek de, yine de hangi sayfaların görüntüleneceğini belirlememiz gerekir. Bu, şablonun kendisindeki blog modülünde yapılır. Blog modülü, seçimimize göre yem görüntüler. Herhangi bir arşiv sayfasında kullanılabilmesi için bir blog modülü hazırlamanın en etkili yolunu göreceğiz.
Bir kategori sayfası şablonu yükleyin, takip etmek için bir kategori sayfası şablonuna ihtiyacınız var. Başından beri yapabilir veya zarif temalar blogundan indirebilirsiniz. “Ücretsiz kategori sayfası şablonları” arayarak zarif temalar blogunda birçok ücretsiz kategori sayfası şablonunu bulabilirsiniz. Zip dosyasını bilgisayarınıza indirin ve açın. JSON dosyalarını yüklemelisiniz. Örneğim için Divi yazılım düzeni paketi için ücretsiz bir kategori sayfası şablonu kullanıyorum. WordPress kontrol paneline Divi> Tema Oluşturucu girerek bir kategori şablonu yükleyin. Sağ köşedeki taşınabilirliği seçin, İçe Aktarma sekmesini seçin ve bilgisayarınızdaki JSON dosyasına gidin. Dosyayı seçin ve Divi Tema Oluşturucu Şablonlarını İçe Aktar’ı tıklayın. Şablonunuzu kaydedin.
Tema üreticisi
Taşınabilirlik
İçe aktarmak
Dosya Seç
Divi Tema Şablonu İthalat
Kale
Kategori Kategori Sayfaları kategorisi kategorisini otomatik olarak tüm kategori sayfalarına göre ayarlayın. Bir dişli simgesi seçerek belirli bir arşive veya kategori sayfasına ayarlayabilirsiniz. Şablon Ayarları Şablonu görüntüleyecek bir gönderi seçelim. Belirli yayınların veya belirli yayınların her türünü seçebiliriz. Örneğin, tüm yazarlar için bir şablon ayarlayabilir veya belirli bir yazar seçebiliriz. Şablon Şablon Şablonlarını Ayarlama Post kaydırıcısı ve blog modülü modülünü ekleriz. Kaydırıcı gönderimi kahraman bölümünün bir parçasıdır, blog modülü ise bir blog yemi yapar. Başından beri yapmak istiyorum, bu yüzden şablonumdaki post kaydırıcı modülünü ve hattını ve blog modülünü sildim. Her şeyden önce bir blog modülüne sahip bir şablon oluşturacağız ve daha sonra düzenin iki sürümünü oluşturmak için daha sonra bir yazı kaydırıcısı ekleyeceğiz. İlk kategoriyi veya şablonu yapın, bir blog modülü ekleyeceğiz. Gri -Gray simgesini seçin ve opsiyondan blog modülünü seçin. İlkini doldurun, geçerli sayfa için gönderiyi etkinleştirin. Bu, modülün sayfa ayarına bakılmaksızın dinamik bir gönderi görüntülemesini sağlar. Ardından, yazı sayısını 8’e ayarlayın. Geçerli sayfa için yayın: evet Gönderi sayısı: 8
Eleman öğeye gidin. Üstün görüntüler, tam okuma düğmeleri, kategoriler, tırnak ve sayfa kullanmayı seçin. Gerisini devre dışı bırakın.
Üstün resim: evet Tam düğmeyi okuyun: Evet
Kategori: Evet
Alıntı: evet
Paginasyonlar: Evet
Tasarım sekmesini açmanın düzeni ve genişliği. Düzen için ızgaranın seçildiğinden ve kaplamayı devre dışı bıraktığından emin olun.
Düzen: Kutu Geniş: Ölüm
Başlık Metni Başlık metnine kaydırın ve başlık seviyesi için H2’yi seçin. Yazı tipleri için Archivo’yu seçin ve kalın olarak ayarlayın. Rengi #222222 olarak ayarlayın.
Başlık Seviyesi: H2 Yazı Tipi: Archivo
Ağırlık: Kalın
Renk: #222222
Boyutu 16 piksel ve hat yüksekliği 1.3EM olarak ayarlayın.
Boyut: 16px Hat yüksekliği: 1.3em
Gövde metni gövde metnine kayar ve yazı tipleri için archivo seçin. Rengi Siyah ve Hat yüksekliğini 1.5EM olarak ayarlayın.
Yazı Tipi: Archivo Renk: #000000
Hat yüksekliği: 1.5em
Meta Metin Meta metnine kaydırın ve yazı tipleri için Archivo’yu seçin. Stili hiçbirine ve renkte #544fff olarak ayarlayın.
Yazı Tipi: Archivo Stil: Hiçbir şey
Renk: #544fffffff
Daha fazla metin oku daha fazla metin okumak için aşağı kaydırın ve ağırlığı yarı kalın olarak ayarlayın, TT’ye ve altı çizili stillere, #544fff’ye ve boyuta 13px’e kadar ayarlayın.
Stil: TT, altı çizili Renk: #544fffffff
Boyut: 13px
Pagination Metni Pagination Metni için, yazı tipleri için archivo seçin ve yarı kalın ve siyah olarak ayarlayın.
Yazı Tipi: Archivo
Ağırlık: yarı kalınlık Renk: #000000
Alana uzaklaşın ve üst kenar boşluğunu 0VW olarak ayarlayın.
Üst kenar boşluğu: 0vw
Sınır sınıra gider ve yuvarlak köşeleri 0px olarak ayarlayın. Yuvarlak açılı kutu düzeni: 0px
Kaydırma kutusunun gölgesi kutu gölgesine doğru ve ilk seçeneği seçin. Dikey konumu 0px olarak ayarlayın, mukavemeti 0px’e bulanıklaştırın, mukavemeti 2px’e yayın ve renk siyah olur. Gölge Kutusu: İlk
Dikey pozisyon: 0px Yanıp sönen güç: 0px
Dağıtım gücü: 2px
Renk: #000000
Son özel CSS, metin ve tam okuma düğmesi arasında bazı boşluklar eklemek için tam okuma düğmesine bazı CSS ekleyeceğiz. Gelişmiş sekmesini açın ve daha fazla düğme alanını okumak için kaydırın ve bu CSS’yi ekleyin:
Marj-Top: 10 piksel! Önemli;
Ekran bloğu; Şimdi, ayarlarınızı kaydedin ve tema üreticisini kapatın. Arşiv sayfasının kategorileri ve sonuçları, tüm kategorilere belirlendiğinde kategori şablonumuzun aşağıdaki görüntülenmesi. Sayfa, ME Eğitim kategorisinden dinamik içerik görüntüler. Örneğim için, ekran görüntülerini daha küçük tutmak ve görmek için meta metninin boyutunu artırmak için gönderilerimin sayısını 4 olarak değiştirdim.
Sayfa numaralandırma yalnızca bu kategoride dinamik olarak çalışır. Bir sonraki resim için eski bir giriş seçtim ve hala sadece eğitim kategorisindeki girişleri görüntüler.
Yalnızca kategori sayfası bu şablonu kullanır. Yazarın, etiketin veya tarihin adını seçersem, standart bir blog akışı görüyorum. Bu yazarımın sayfası: Şimdi geri dönelim ve görevi yazarın sayfasına değiştirelim. Şimdi, yazarın sayfasını gördüğümde, çeşitli kategorilerden yayınlar görüyorum. Sayfa başlıktaki dinamik içerik bile gösterir. Şablonun kendisinde ayarlamalar yapmadım. Sadece görevi değiştirdim. Kahraman bölümünü bir sonraki arşiv sayfası şablonuna ekleyin, kahraman bölümünü bir blog kaydırıcısıyla ekleyelim. Bu, şablon için belirlediğimiz kategori veya arşivdeki en son yayınlardan bazılarını gösterecektir. Her iki modül de aynı kategoriden veya arşivden yayınları görüntüleyeceğinden, her ikisinin de aynı yayını üst üste binmesini ve görüntülemesini istemiyoruz. Her iki modülde de ayarlamalar yapmamız gerekiyor. İlk satırı ekleyin, başlığın altına bir sütun satırı ekleyin. Arka Plan Arka plan ayarını açın ve arka plan rengini RGBA’ya (255,255,255.0) ayarlayın. Arka plan rengi: RGBA (255,255,255.0) Yapışkan Tasarım sekmesini seçin ve özel bir oluk genişliği kullanarak etkinleştirin. Genişliği 1’e ayarlayın.
Özel Talang genişliği kullanın: evet
Talang genişliği: 1Mesafe uzaya doğru ilerleyin ve sol ve sağ dolguyu 20 piksel olarak ayarlayın. Dolgu: Sol, sağ 20px
Sınır sınıra gider ve 2 piksel genişlik ve rengi #01012c olarak ayarlayın. Satır ayarlarını kapatın.
Sınır Genişliği: 2 piksel Sınır rengi: #01012c
Kaydırıcı Post ekleyin Şimdi bir yazı kaydırıcısı ekleme zamanı. Gri -Gray simgesini tıklayın ve kaydırıcı modülünü seçin. Bir sonraki doldurun, Post Slider modülünde ayarlamalar yapacağız. Post kaydırıcı ayrıca dinamik direkleri görüntüleyebilir. Gönderi modülü için içerik ayarlarında, geçerli sayfa için yayınları kullanmayı seçin ve yayın sayısı için 3 girin. Geçerli sayfa için gönderi: Evet
Gönderi sayısı: 3
Eleman öğeye doğru ilerleyin ve oku kullanmayı, tam düğmeyi oku ve meta sonrası seçin. Oklar: Evet Tam düğmeyi okuyun: Evet
Meta Post: Evet
Üstün görüntüler üstün görüntüleri etkinleştirir ve üstün görüntülerin sağa yerleştirilmesini ayarlar. Üstün Görüntüler Göster: Evet
Üstün Görüntünün Yerleştirilmesi: Doğru
Arka plan arka plana gidin ve arka plan rengini RGBA olarak değiştirin (255,255,255.0).
Arka plan rengi: RGBA (255,255,255.0) Cihaz simgesini seçin ve masaüstünü seçin. Resim sekmesini seçin ve görüntünüzü medya kitaplığından seçin. Resim ilk başta yerinde değil, ama daha sonra düzelteceğiz.
Masaüstü Resim: Kütüphane arasından seçim yapın
Arka plan görüntü boyutu: uygun Pozisyon: Sağ orta
Tekrar: Sırt Yok Mix: Normal
Tablet simgesini seçin ve görüntüyü silin. Tabletler ve cep telefonları için görüntülerin görüntülenmesini istemiyoruz.
Bir sonraki genişlik, tasarım sekmesini açın. Kaplama altında, arka planı ve metin kaplamasını devre dışı bırakın.
Bir arka plan streç kullanın: hayır
Metnin genişliğini kullanın: hayır
Resim resme kaydırın ve sınırın genişliğini 20 piksel olarak ayarlayın. Rengi RGBA olarak değiştirin (255,255,255.0) ve ilk kutu gölgesini seçin. Sınır Genişliği: 20 piksel Görüntü Sınır Rengi: RGBA (255,255,255.0)
Gölge Kutusu: İlk
Vertcal konumunu 0px olarak ayarlayın, mukavemeti 0px’e bulanıklaştırın, mukavemeti masaüstü için 2px’e ve telefon için 0px’e yayın. Rengi siyah olarak değiştirin. Dikey konum: 0px Yanıp sönen güç: 0px
Yayılan Güç: Masaüstü 2px, Telefon 0px
Renk: #000000
Metin metnin altındaki metin, metnin rengi için karanlık seçin. Rengi daha sonra değiştireceğiz, ancak bu adımı kaçırırsak yazı tipi bir gölgeye sahip olacak. Metin Rengi: Karanlık
Başlık metni başlık metnine kaydırın. Başlık seviyesi için H3’ü seçin. Yazı tipini archivo olarak değiştirin, ağırlığı yarı kalın bir şekilde ayarlayın, sola hizalama ve renkte siyah renkte ayarlayın.
Posta Seviyesi: H3
Yazı Tipi: Archivo
Ağırlık: yarı kalınlık Tesisat: Sol
Renk: #000000 Boyut: Masaüstü 34 piksel, 24px tablet
Bir sonraki gövde metni, gövde metnine gidin ve yazı tipleri için archivo seçin. Hizalamayı sola, rengi siyah, boyutta 15 piksel ve hat yüksekliğine 1.5EM olarak ayarlayın.
Yazı Tipi: Archivo
Tesisat: Sol
Renk: #000000
Boyut: 15 piksel
Hat yüksekliği: 1.5em Sonraki meta metin, meta metnine kaydırın. Yazı tipleri için Archivo’yu seçin. Renk #544fff ve boyutu 14px olarak ayarlayın.
Yazı Tipi: Archivo
Renk: #544fffffff
Boyut: 14 piksel
Şimdi düğme, düğmeyi ayarlayacağız. Düğme için özel stilleri kullanın ve boyutu 13px olarak değiştirin. Rengi #544fff olarak ayarlayın.
Düğmeler için özel bir stil kullanın: evet Metin Boyutu: 13px
Renk: #544fffffff
Yarıçap sınırını 100 piksel, yazı tipi archivo ve stil olarak TT olarak değiştirin.
Sınır yarıçapı: 100 piksel Yazı Tipi: Archivo
Stil: TT
Soldaki düğme seviyesini değiştirin.
Düğmenin Aydınlanması: Sol Son mesafe, alana gidin ve üst ve alt dolguyu 0px olarak ayarlayın. Modül ayarlarını kapatın.
Dolgu: Üst, 0px’in altında
Blog yeminin bir sonraki bölümü, blog feed’de biraz ayar yapacağız. Blog modülü için ayarları açın.
Blog kaydırıcısında 3 yayın görüntülediğimiz için blog modülü 3 gönderiyi geçmek istiyor. Bunu yapmak için, post ofset numarasını 3 olarak değiştirin. Blog modülünü kapatın, sayfanızı kaydedin ve tema üreticisinden çıkın. Kahraman ve şablon ekranının sonuçları. Daha önce olduğu gibi, görmeyi kolaylaştırmak için meta yazı tipinin boyutunu artırdım. Tüm arşiv sayfalarına ayarladım ve blog sayfalarını seçtim. Bu, blog arşivinden dinamik olarak bir yayın görüntüler.
Aşağıdaki örnek, eğitim kategorimin şablonunu göstermektedir. Şimdi, yalnızca belirli yazılım mühendisliği etiketleri için arşiv sayfasında görüntülenecek şekilde ayarlayacağım. Şablondaki modülde bir değişiklik yapmadım. Bu yine de dinamik olarak görüntülenecektir.
Eğitim kategorisi artık varsayılan arşiv sayfasını görüntüler. Şimdi, yalnızca şablonları görüntüleyen yazılım mühendisliği etiketleriyle yayınlar. Etiketi mühendislik ve veri bilimi kategorimdeki gönderiye ekledim, bu yüzden bu sayfada görüntülenen tek gönderi bu. Daha önce olduğu gibi, şablondaki modülde bir değişiklik yapmadım. Sadece şablonun görevini değiştiriyorum. Ayrıca daha önce olduğu gibi, blog modülü ofset gönderisidir, bu nedenle blog kaydırıcısıyla aynı yayını görüntülemez. Paginasyon hala mevcut şablonun belirlenmesinde çalışıyor.
