Neler yeni

Hoşgeldin Ziyaretçi

Kayıt olarak forumumuzdan dosya indirebilir,bilgi sahibi olabilir,daha iyi bir şekilde yararlanabilirsin.

Şimdi kayıt ol

WordPress'te Bireysel Kategorileri Farklı Şekilde Şekillendirme

wordpresstr

Administrator
125
13 Kas 2020
WordPress'te Bireysel Kategorileri Farklı Şekilde Şekillendirme
WordPress'te kategorileri stilize etmenin birçok yolu vardır. Kategorilere stil vermek için size iki farklı yöntem göstereceğiz ve ihtiyaçlarınıza ve beceri düzeyinize en uygun olanı seçebilirsiniz.

WordPress Temasında Tek Kategori Şablonu Kullanma
WordPress temaları standart bir şablon hiyerarşisini takip eder. Bir şablon dosya adına bağlı olarak, WordPress bir sayfayı görüntülemek için otomatik olarak doğru şablonu seçebilir.

Örneğin, kategori arşiv sayfalarını görüntülemek için category.php dosyasını arar.

WordPress ayrıca bireysel kategoriler için şablonlar oluşturmanıza da izin verir. Diyelim ki 'Apple' kategorisine farklı bir stil vermek istiyorsunuz. Bunu temanıza yeni bir şablon dosyası ekleyip kategori-apple.php olarak adlandırarak yapabilirsiniz.
.

Bir FTP istemcisi kullanarak WordPress sitenize bağlanın ve ardından / wp-content / themes / your-current-theme / klasörüne gidin ve yeni bir dosya kategorisi-apple.php oluşturun. Elmayı kendi kategori adınızla değiştirmeyi unutmayın.

WordPress temanızdaki bireysel kategori için bir şablon oluşturma


Temanızın category.php dosyasını başlangıç noktası olarak kullanabilirsiniz. Tüm içeriğini düzenleyin ve kopyalayın. Şimdi yeni oluşturduğunuz kategori-apple.php dosyanızı düzenleyin ve kodu içine yapıştırın.

Bundan sonra, bireysel kategori şablonunuzda değişiklik yapmaya başlayabilirsiniz

CSS Kullanarak WordPress'te Bireysel Kategorileri Stil Edin

WordPress , web sitenizdeki farklı öğelere otomatik olarak CSS sınıfları ekler . Bunlar hem body class hem de post sınıfını içerir.

Örneğin, bir kategori arşiv sayfasını görüntüler ve ardından İnceleme Aracı'nı kullanırsanız , gövde etiketinde kategori ve kategori adı CSS sınıflarını fark edeceksiniz.

WordPress tarafından body öğesine eklenen kategori sınıfı


Bu CSS sınıfını, özel CSS ekleyerek her bir kategoriyi farklı şekilde biçimlendirmek için kullanabilirsiniz .

İşte başlangıç noktası olarak kullanabileceğiniz bazı örnek CSS.

1
2
3
4
5
6
7
8
9
10
11
body.category-apple {
background-color:#EEE;
background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site {
background:#232323;
}
.category-apple a {
color:#CCCCCC;
}
CSS sınıfındaki kategori adını kendi kategori adınızla değiştirmeyi unutmayın.

CSS kullanarak kategori stilini değiştirme
 
Üst