Divi Builder Kullanarak Kodlamadan WordPress'te Özel Kategori Sayfası Nasıl Oluşturulur

WordPress sitenizde özel bir kategori sayfası oluşturmak istiyorsunuz ancak kodlama beceriniz yok mu? Bu yazıda, Divi Builder'ı kullanarak kodlama yapmadan WordPress'te nasıl özel bir kategori sayfası oluşturacağınızı göstereceğiz.

Divi Builder nedir?

Divi Builder hakkında bilginiz yoksa. Bir tema oluşturucu özelliği ile birlikte gelen WordPress için bir sayfa oluşturucu eklentisidir. Tema oluşturucu özelliği, özel alt bilgi, özel başlık, özel tek gönderi düzeni, özel kategori sayfası, özel yazar sayfası vb. gibi özel bir tema bölümü oluşturmanıza olanak tanır. Divi Builder'ı kullanarak özel bir tema parçası oluşturmak için kodlama becerisi gerekmez. Sürükle ve bırak düzenleyicisini kullanarak bunu yapabilirsiniz. Divi Builder, herhangi bir WordPress temasına kurulabilir.

Divi Builder'ı kullanarak özel bir kategori sayfası nasıl oluşturulur

Divi Builder'ı kullanarak özel bir kategori sayfası oluşturmanın iki yolu vardır. İlk olarak, önceden hazırlanmış bir şablondan bir tane oluşturabilirsiniz. İkincisi, sıfırdan bir tane oluşturabilirsiniz. Bu yazıda iki yöntemi ele alacağız. Divi Builder'ın kendisi, (sitenizdeki tüm kategoriler için) veya belirli bir kategori için genel bir özel kategori oluşturmanıza olanak tanır. Daha fazlasını öğrenmek için okumaya devam edin.

Hazır bir şablondan özel kategori sayfası oluşturma

Hazır bir şablondan özel bir kategori sayfası oluşturabilmenize rağmen, Divi Builder kitaplığında önceden hazırlanmış kategori şablonları sunmaz, ancak Elegant Themes resmi blog gönderilerinden birinden bir tane edinebilirsiniz (Elegant Themes, Divi Builder'ın geliştiricisidir).

Yukarıdaki şablon dosyasını (ZIP formatında mevcuttur) indirdikten sonra, favori açma aracınızı kullanarak sıkıştırın. Gerçek şablon dosyası bir JSON biçiminde mevcuttur. WordPress kontrol panelinize giriş yapın ve Divi Tema Oluşturucu sayfasını açmak için Divi -> Tema Oluşturucu'ya gidin. Sağ taraftaki iki ok simgesine tıklayın.

Görünen pencerede İçe Aktar sekmesine gidin ve SEÇİLMEYEN DOSYA YOK'a tıklayın ve yeni çıkardığınız şablon dosyasını (JSON dosyası) seçin. Şablonu içe aktarmak için Divi Tema Oluşturucu Şablonlarını İçe Aktar düğmesini tıklayın.

Şablon başarıyla içe aktarıldığında, Divi Theme Builder sayfasında yeni bir şablon bloğu görmelisiniz. Değişiklikleri Kaydet düğmesini tıklayın.

Sıfırdan özel bir kategori sayfası oluşturma

Belirtildiği gibi, web sitenizdeki tüm kategoriler veya belirli bir kategori için özel bir kategori sayfası oluşturmak için Divi Builder'ı kullanabilirsiniz. Sıfırdan özel bir sayfa oluşturmak, özel kategori sayfasının nereye uygulanacağını belirlemenize olanak tanır. Bu örnekte, aşağıdaki gibi özel bir kategori sayfası oluşturacağız.

Yukarıdaki gibi özel bir kategori sayfası oluşturmak için 3 satırlık bir bölüm gerekir:

• İlk satır: Kategori başlığını ve ayırıcıyı yerleştirmek için
• İkinci satır: Gönderi kaydırıcısını ve gönderiler listesini yerleştirmek için
• Üçüncü sıra: Yazılar ızgarasını yerleştirmek için

Başlamak için WordPress kontrol panelinize giriş yapın ve Divi -> Theme Builder'a gidin. Yeni bir şablon bloğu ekleyin ve özel kategori şablonunu nereye uygulamak istediğinizi seçin. Tüm kategorilere uygulamak istiyorsanız, Tüm Kategori Sayfaları seçeneğini seçin. Belirli bir kategoriye uygulamak istiyorsanız, Belirli Kategori Sayfaları seçeneğinden tercih ettiğiniz kategoriyi seçin (birden çok kategori seçebilirsiniz). Şablon Oluştur düğmesini tıklayın.

Yeni oluşturduğunuz şablon bloğunda Özel Gövde Ekle'yi tıklayın ve Özel Gövde Oluştur'u seçin.

Bir sonraki adımda, SIFIRDAN OLUŞTUR seçeneğinde İnşaa Başla butonuna tıklayın. Bu Divi Builder düzenleyicisini açacaktır.

Varsayılan olarak, Divi Builder size bir bölüm sağlar. Daha sonra ihtiyacınıza göre bölümün içine satırlar ekleyebilirsiniz. Bizim durumumuzda 3 satıra ihtiyacımız var.

İlk sıra

Kategori başlığını ve bir ayırıcıyı yerleştirmek için ilk satırı kullanacağız. Bir satır eklemek için yeşil düğmeye tıklayın, ardından bir modül eklemek için siyah düğmeye tıklayın. Eklemeniz gereken ilk modül Metin modülüdür.

Tex Ayarları panelinde, veritabanı simgesine tıklayın ve Gönderi/Arşiv Başlığı öğesini seçin. Değişikliği kaydetmek için kontrol listesi simgesine tıklayın.

Kategori başlığından önce veya sonra ek bir metin ("makaleler", "yazılar" gibi) eklemek isterseniz, dişli simgesini tıklayabilirsiniz.

Bu modülün stilini ayarlamak için ayarlar panelindeki Tasarım sekmesine gidebilirsiniz. Metin bloğunda tipografiyi (yazı tipi boyutu, yazı tipi ailesi, yazı tipi stili) ve metin rengini ayarlayabilirsiniz. Kenar boşluğunu ve dolguyu ayarlamak için Aralık bloğunu açabilirsiniz. Açabileceğiniz birkaç blok daha var. Her blok farklı stil seçenekleri içerir. Modülü şekillendirmek için oynayabilirsiniz. Yaptığınız değişiklikleri uygulamak için yeşil kontrol listesi simgesine tıklamayı unutmayın.

Metin modülü ile işiniz bittiğinde, Bölücü modülünü Metin modülünün altına ekleyin.

İkinci sıra

Yeni bir satır eklemek için yeşil düğmeye tıklayın. İkinci satır için iki sütunlu yapıyı seçin.

İlk sütuna (soldaki) Post Slider modülünü ekleyin.

İçerik bloğunda makalelerini görüntülemek istediğiniz kategorileri seçin. Bu bloktan alıntı uzunluğunu da ayarlayabilirsiniz. Görüntülemek istediğiniz öğeleri kontrol etmek için Öğeler bloğunu açabilirsiniz.

Modülün stilini ayarlamak için ayarlar panelindeki Tasarım sekmesine gidin. Post Slider modülü ile işiniz bittiğinde, Blog modülünü ikinci sütuna (sağdaki) ekleyin.

Divi Builder'ın Blog modülünün, gönderileri yukarıdaki gibi bir liste stilinde görüntüleme seçeneği yoktur. Gönderileri yukarıdaki gibi bir listede görüntülemek için özel bir CSS eklemeniz gerekir. Bunu yapmak için Blog modülünün ayarlar panelini açın ve Gelişmiş sekmesine gidin ve CSS Kimliği ve Sınıfları bloğunu açın. CSS sınıfı left-blog-image image'i CSS Class alanına yapıştırın.

Blog modülünün altına Kod modülünü ekleyin ve aşağıdaki CSS kodunu Metin bloğundaki Kod alanına yapıştırın.

 <stil>
@medya (min-genişlik: 981 piksel) {
	.left-blog-image .et_pb_post .entry-featured-image-url {
    yüzer: sol;
    genişlik: %100;
    maksimum genişlik: 150 piksel;
    kenar boşluğu: 0 20px 30px 0;
}
  .left-blog-image .et_pb_post {
    kenar boşluğu: 20 piksel !önemli;
  }
}
</style> 

Üçüncü sıra

Yeni bir satır ekleyin ve Blog modülünü ekleyin.

Ayarlar panelinde Tasarım sekmesine gidin. Düzen bloğunda blog düzenini Izgara olarak değiştirin.

Izgaradaki gönderilerin sayısını ayarlamak için İçerik sekmesine gidin. İçerik bloğunun altındaki Gönderi Sayısı seçeneğinden ayarlayabilirsiniz.

Modüle stil vermek için Tasarım sekmesine gidebilirsiniz.

İşiniz bittiğinde, değişiklikleri kaydetmek için sağ alt köşedeki Kaydet düğmesine tıklayın ve Divi Builder düzenleyicisinden çıkmak için sağ üst köşedeki X düğmesine tıklayın.

Yukarıdaki X simgesine tıkladıktan sonra Divi Tema Oluşturucu sayfasına geri döneceksiniz. Yeni oluşturduğunuz yeni şablonu uygulamak için Değişiklikleri Kaydet'e tıklayın.

Alt çizgi

Divi Builder'ın tema oluşturucu özelliği, kategori sayfası da dahil olmak üzere kodlama yapmadan özel bir tema bölümü oluşturmanıza olanak tanır. Bu, temanızı özelleştirmek için size sınırsız seçenek sunar. Divi Builder'ı herhangi bir WordPress temasına yükleyebilirsiniz. Bazı modüller belirli bir stil elde etmek için hala özel CSS gerektirse de, en azından PHP ile uğraşmak zorunda değilsiniz.