Divi Builder kullanarak kodlamadan WordPress’te özel bir kategori sayfası nasıl oluşturulur

WordPress sitenizde özel bir kategori sayfası oluşturmak istiyorum, ancak kodlama becerilerine sahip değil. Bu yazıda, Divi Builder kullanarak kodlamadan WordPress’te nasıl özel bir kategori sayfası oluşturacağınızı göstereceğiz. Divi Builder nedir? Divi Builder hakkında bilmiyorsanız. Bu, tema üreticisi özellikleriyle donatılmış WordPress için sayfa yapımcısı eklentisidir. Tema Maker özelliği, özel altbilgi, özel başlık, tek bir özel yayın 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 bölümü oluşturmak için kodlama uzmanlığına gerek yoktur. Bunu sürükle ve bırak düzenleyicisini kullanarak yapabilirsiniz. Divi Builder herhangi bir WordPress temasına yüklenebilir.
Divi Builder’ı indir
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, bitmiş şablondan yapabilirsiniz. İkincisi, başından beri yapabilirsiniz. Bu yazıda iki yöntemi tartışacağız. Divi Builder’ın kendisi, küresel bir özel kategori (sitenizdeki tüm kategoriler için) veya belirli kategoriler için oluşturmanıza olanak tanır. Daha fazla bilgi edinmek için okumaya devam edin. Önceki şablondan özel bir kategori sayfası oluşturma Önceki şablondan özel bir kategori sayfası oluşturabilmenize rağmen, Divi Builder daha önce kütüphanesinde yapılan bir kategori şablonu sunmaz, ancak bunu resmi blog yayınlarından birinden alabilirsiniz. Zarif tema (zarif temalar Divi Builder geliştiricisidir).
Özel kategori şablonlarını indirin
Yukarıdaki şablon dosyasını indirdikten sonra (ZIP formatında mevcuttur) Unzip, en sevdiğiniz Unsipper aracını kullanır. Şablon dosyaları aslında JSON formatında kullanılabilir. Bir Divi Tema Maker sayfası açmak için WordPress Gösterge Tablonuzu ve Divi -> Tema Makerını Açın. Sağ taraftaki iki ok simgesini tıklayın. Görünen pencerede, İçe Aktarma sekmesini açın ve seçilmeyen dosyayı tıklayın ve sadece çıkardığınız şablon dosyasını seçin (JSON DOSYA). Şablonu içe aktarmak için Divi Tema Oluşturucu Şablonları İçe Aktar düğmesini tıklayın.

Şablon içe aktarıldıktan sonra, Divi Tema Oluşturucu sayfasında yeni bir şablon bloğu göreceksiniz. Değiştir düğmesini tıklayın.

Başlangıçtan itibaren özel bir kategori sayfası oluşturma belirtildiği gibi, web sitenizdeki veya belirli kategoriler için tüm kategoriler için özel bir kategori sayfası oluşturmak için Divi Builder’ı kullanabilirsiniz. Başlangıçtan itibaren özel bir sayfa oluşturmak, özel kategori sayfasının nerede uygulanacağını ayarlamanıza olanak tanır. Bu örnekte, aşağıdaki gibi bir özel kategori sayfası oluşturacağız.

Yukarıdaki gibi özel bir kategori sayfası oluşturmak için 3 satırla bir parça alır:

İlk Satır: Başlık ve Bölme Kategorisini Yerleştirmek İçin
İkinci Satır: Bir Gönderi Kaydırıcısı ve Gönderi Listesi Yerleştirmek İçin
Üçüncü Satır: Post ızgarasını yerleştirmek için
Başlamak için WordPress Gösterge Tablonuza giriş yapın ve Divi -> Tema Oluşturucu açın. Yeni bir şablon bloğu ekleyin ve özel bir kategori şablonunu nereye uygulamak istediğinizi seçin. Tüm kategorilere uygulamak istiyorsanız, tüm kategori sayfalarının seçeneklerini seçin. Belirli bir kategoriye uygulamak istiyorsanız, belirli bir kategori sayfası seçeneğinden seçtiğiniz kategoriyi seçin (birkaç kategori seçebilirsiniz). Düğmeyi tıklayın Bir şablon oluşturun. Yeni oluşturduğunuz şablon bloğuna özel gövde ekle’yi tıklatın ve özel gövdeyi oluştur seçin.
Bir sonraki adımda, oluşturma oluşturma seçeneğinde oluşturma düğmesini tıklayın. Bu, Divi Builder editörünü açacak.

Varsayılan olarak, Divi Builder size bir rol verir. Daha sonra ihtiyaçlarınıza göre parçaya satır ekleyebilirsiniz. Bizim durumumuzda 3 satıra ihtiyacımız var. İlk satır, kategorinin ve bölücünün başlığını yerleştirmek için ilk satırı kullanacağız. Satır eklemek için Yeşil düğmeyi tıklayın, ardından modülü eklemek için Siyah düğmesini tıklayın. Eklemeniz gereken ilk modül metin modülüdür.

Tex Ayarları panelinde veritabanı simgesini tıklayın ve Post/Arşiv Başlıkını seçin. Değişiklikleri kaydetmek için Kontrol Listesi simgesini tıklayın.

Kategorinin başlığından önce veya sonra ek metin (“Makale”, “Post” gibi) eklemek istiyorsanız, dişli simgesine tıklayabilirsiniz.

Bu modülü ayarlamak için Tasarım sekmesini Ayarlar panelinde açabilirsiniz. Metin bloğunda tipografiyi (yazı tipi boyutu, yazı tipi ailesi, yazı tipi stili) ve metin rengini ayarlayabilirsiniz. Marj ve dolgu ayarlamak için boşluk bloğunu açabilirsiniz. Açabileceğiniz birkaç blok daha var. Her blok farklı bir stil seçeneği içerir. Modüller düzenlemek için oynayabilirsiniz. Yaptığınız değişiklikleri uygulamak için Yeşil Kontrol Listesi simgesine tıklamayı unutmayın. Metin modülünü tamamladıktan sonra, metin modülünün altına bölücü modülünü ekleyin.

İkinci sıra, yeni bir çizgi eklemek için yeşil düğmeyi tıklatır. İkinci sıra için iki sütunun yapısını seçin.

Post kaydırıcı modülünü ilk sütuna (solda) ekleyin.

İçerik bloğunda makaleyi görüntülemek istediğiniz kategoriyi seçin. Bu bloktan, teklifin uzunluğunu da ayarlayabilirsiniz. Görüntülemek istediğiniz öğeleri kontrol etmek için öğe bloğunu açabilirsiniz.

Modülü düzenlemek için Ayarlar panelindeki Tasarım sekmesini açın. Post kaydırıcı modülü ile bittiğinde, blog modülünü ikinci sütuna (sağda) ekleyin.

Divi Builder’ın blog modülünün, Yukarıdaki gibi liste stilindeki yayınları görüntüleme seçeneği yoktur. Listedeki yayınları yukarıdaki gibi görüntülemek için özel bir CSS eklemeniz gerekir. Bunu yapmak için Blog Modülü Ayarları panelini açın ve Gelişmiş sekmesini açın ve CSS Block ID & Class’ı açın. CSS sınıfı sol blog görüntüsünü CSS sınıf alanına yapıştırın.

Kod modülünü blog modülünün altına ekleyin ve aşağıdaki CSS kodunu metin bloğundaki kod sütununa yapıştırın.

@Media (minimum genişlik: 981 piksel) {

.left-blog-image .et_pb_post .entry-featured-imagage-URL {

şamandıra: sol;
Genişlik:%100;
Maksimum genişlik: 150 piksel;
Marj: 0 20 piksel 30 piksel 0;}
.left-blog-image .et_pb_post {
Marj-Alt: 20px! Önemli;
}
}

Üçüncü satır yeni bir satır ekler ve bir blog modülü ekler.
Ayarlar panelinde tasarım sekmesini açın. Blog düzenini düzen bloğundaki ızgara olarak değiştirin.
Izgaradaki yayın sayısını ayarlamak için içerik sekmesini açın. İçerik bloğunun altındaki post sayısı seçeneğinde ayarlayabilirsiniz.
Modülü ayarlamak için Tasarım sekmesini açabilirsiniz. Bittiğinde, değişiklikleri kaydetmek için sağ alt köşedeki Kaydet düğmesini tıklayın ve Divi Builder düzenleyicisinden çıkmak için sağ üst köşedeki X düğmesini tıklayın.

Yukarıdaki X simgesini tıkladıktan sonra Divi Tema Oluşturucu sayfasına geri getirileceksiniz. Yeni oluşturduğunuz yeni bir şablon uygulamak için değişiklikleri kaydet’i tıklayın.

Divi Builder Tema Maker özelliklerinin alt satırı, kategori sayfası da dahil olmak üzere kodlamadan özel bir tema bölümü oluşturmanıza olanak tanır. Bu, temanızı ayarlamak için sınırsız bir seçenek sunar. Divi Builder’ı herhangi bir WordPress temasına yükleyebilirsiniz. Bazı modüllerin belirli stilleri elde etmek için hala özel CSS’ye ihtiyacı olsa da, en azından PHP ile uğraşmanız gerekmez

admin

Bir Cevap Yazın

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