En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'te Bireysel Kategorileri Farklı Şekilde Nasıl Stilize Edebilirsiniz

WordPress kategorilerinizin öne çıkmasını hiç istediniz mi? Belki de ‘Haberler’ bölümünüzün ‘Eğitimler’ veya ‘İncelemeler’ kategorilerinizden farklı görünmesini istiyorsunuzdur 🎨

Dürüst olmak gerekirse, kategorileri farklı şekilde biçimlendirmek çoğu blog için acil bir sorun değildir. Biz bile WPBeginner'da bunu yapmıyoruz.

Ancak her blogun benzersiz ihtiyaçları olduğunu ve okuyucularınızı etkilemenin ne kadar önemli olduğunu anlıyoruz. Ve bazı siteler için, her kategori sayfası için farklı stillere ve özelliklere sahip olmak, okuyucuların içeriği daha kolay bulmasına gerçekten yardımcı olabilir.

İyi haber şu ki, stil kategorisi sayfalarını tek tek biçimlendirmek aslında oldukça kolay. Bunu yapmanın birkaç kodsuz yolunu bulduk: tam site düzenleyici, sayfa oluşturucu ve görsel CSS düzenleyici ile.

WordPress'te Bireysel Kategorileri Farklı Şekilde Nasıl Stilize Edebilirsiniz

WordPress Kategori Sayfalarınızı Farklı Şekilde Stilize Etmek Bu Kadar Önemli mi? 🧐

Her WordPress sitesi için gerekli olmasa da, özel kategorilerin okuyucularınızın deneyimini gerçekten iyileştirebileceği bazı durumlar vardır.

WordPress gönderi konularınız çok çeşitliyse, bireysel kategorileri benzersiz bir şekilde biçimlendirmek isteyebilirsiniz.

Örneğin, WordPress blogunuz hem haberleri hem de öğreticileri kapsıyorsa, bu kategorileri farklı şekilde biçimlendirebilirsiniz. Bu, okuyucuların ne tür içeriklere baktıklarını hemen bilmelerine yardımcı olur.

Veya bir inceleme sitesi oluşturun. Tek bir kategoriyi ürün incelemeleri için karşılaştırma kategorinizden farklı şekilde stilleyebilirsiniz. Bu, ziyaretçilerin WordPress sitenizde aradıklarını bulmalarını kolaylaştırır.

Bazı siteler, önemlerini vurgulamak için belirli kategorileri daha belirgin hale getirmek isteyebilir. Bir haber sitesinde, 'Son Dakika Haberleri' kategorinize, WordPress'teki normal haber kategorilerinize kıyasla daha dikkat çekici bir stil vermek isteyebilirsiniz.

Unutmayın, WordPress'te kategorileri farklı şekilde biçimlendirmenin temel nedeni sitenizi daha kullanışlı hale getirmektir. Okuyucularınızın istediklerini daha hızlı bulmalarına yardımcı olacağını düşünüyorsanız, bu WordPress tasarım ipucunu uygulamak iyi bir fikir olabilir.

Bunu akılda tutarak, WordPress'te bireysel kategorileri stilize etmenin 3 yoluna bakalım. Tercih ettiğiniz yönteme atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: Kategori Sayfalarını Biçimlendirmek İçin Bir Sayfa Oluşturucu Kullanın (Özel Temalar)

Tema değiştirmeye veya sıfırdan özel bir WordPress teması oluşturmaya istekliyseniz, o zaman bir sayfa oluşturucu kullanmak, WordPress'te kategorileri stilize etmek için harika bir yol olabilir.

Bu yöntem, sitelerinin tasarımı üzerinde daha fazla kontrol isteyen ve üçüncü taraf araçları kullanmaktan rahat olanlar için idealdir.

Çeşitli seçenekleri test ettikten sonra, Thrive Architect'in bireysel kategorileri stilize etmek için en iyi sayfa oluşturuculardan biri olduğunu bulduk.

It offers a user-friendly drag-and-drop interface, allowing you to create custom categories and style them uniquely without coding knowledge. You can learn more about the plugin in our Thrive Architect review.

Ancak, bu yaklaşımın herkes için uygun olmadığını belirtmek önemlidir.

Mevcut WordPress temanızdan memnunsanız ve geçiş yapmak istemiyorsanız, tam site düzenleyicisiyle Yöntem 2'yi veya daha sonra ele alacağımız görsel CSS düzenleyicisiyle Yöntem 3'ü düşünebilirsiniz.

Ancak temanızı değiştirmek istiyorsanız, o zaman WordPress temalarını doğru şekilde değiştirme kılavuzumuzu okumanızı öneririz.

Dikkat edilmesi gereken bir diğer şey de Thrive Architect'in ücretsiz sürümünün olmamasıdır. Ancak ilk satın alımınızda %50'ye varan indirimden yararlanmak için Thrive Themes kupon kodumuzu kullanabilirsiniz.

Adım 1: Thrive Kurulumu Architect

Thrive Architect'i kurarak başlayalım. Bir plan satın aldıktan sonra, Thrive Themes web sitesine giriş yapabilirsiniz.

Orada Thrive Product Manager eklentisini bulacaksınız. Dosyayı indirip WordPress yönetici panelinize kurmanız yeterlidir. Bunu nasıl yapacağınızdan emin değilseniz, yeni başlayanlar için WordPress eklentisi kurma kılavuzumuza göz atın.

Thrive Ürün Yöneticisini Yükleyin

Eklentiyi etkinleştirdikten sonra, WordPress kontrol panelinizdeki Ürün Yöneticisi menü öğesini açın.

WordPress sitenizi Thrive Themes hesabınıza bağlamak için 'Hesabıma giriş yap'a tıklayın.

Thrive Themes hesabınıza giriş yapın

Şimdi, kullanabileceğiniz Thrive Themes ürünlerinin bir listesini görmelisiniz.

'Thrive Architect'i bulun ve 'Ürün Yükle' yanındaki kutuyu işaretleyin.

Thrive Architect'i Kurma

'Thrive Theme Builder'ı görene kadar aşağı kaydırın ve 'Tema Yükle' seçeneğini seçin.

Ardından, 'Seçili ürünleri yükle'ye basın. Bunu yapmamız gerekiyor çünkü Thrive Architect, Thrive Tema Oluşturucu ile birlikte çalışır.

Thrive Tema Oluşturucu'yu yükleme

Bir sonraki sayfada Thrive Product Manager'ın Thrive Architect ve Thrive Theme Builder'ı kurduğu gösterilecektir.

Bittiğinde, 'Tema Oluşturucu Kontrol Paneline Git' düğmesine tıklayın.

Thrive Architect ve Thrive Theme Builder'ı Etkinleştirme

Şimdi Thrive'ın tema koleksiyonundan siteniz için bir başlangıç tasarımı seçme zamanı.

Hangisini seçeceğinizden emin değilseniz, her temanın nasıl göründüğünü görmek için 'Önizleme' düğmesini kullanın. Beğendiğiniz birini bulduğunuzda, 'Seç'e tıklayın.

Thrive Tema Oluşturucu teması seçme

Ardından Tema Oluşturucu Sihirbazı'nı başlatacaksınız. Bu sihirbaz, logonuzu eklemenize, marka renklerinizi seçmenize ve temanızın farklı bölümlerini ayarlamanıza yardımcı olacaktır.

Bir sonraki adıma geçmeden önce kurulum sihirbazını bitirdiğinizden emin olun.

Thrive Theme Builder'ın kurulum sihirbazı

Adım 2: Kategori Arşiv Şablonu Oluşturun

Tema kurulumunuzu yaptıktan sonra, 'Şablonlar' sekmesine geçelim. Burası, temanızın web sayfalarınızı tasarlamak için kullandığı varsayılan şablonları göreceğiniz yerdir. Bu durumda, kategori arşivleri için kullanılan şablonun adı 'Tüm Arşivler'dir.

Tek tek WordPress kategorilerini stilize etmek istediğimiz için, önce yeni bir kategori arşiv şablonu oluşturmamız gerekiyor. Bunu yapmak için '+ Yeni Ekle'ye tıklayın.

Thrive Architect'te yeni bir şablon ekleme

Yeni bir açılır pencere görünecektir. İlk olarak, yeni kategori şablonu adınızı girin. Basit bir şey kullanabilir ve kategori adını oraya ekleyebilirsiniz.

Bunun altında, belirli bir kategorideki tüm gönderileri listeleyen bir sayfa oluşturmak istediğimiz için ‘Liste’yi seçin.

Liste Türünde, ‘Arşivler’i seçin ve ‘Arşiv Türü’nde ‘Kategoriler’i seçin.

Tanımlı alanında, şablonunu oluşturduğunuz kategorinin adını seçin. Örnek olarak ‘Bloglama’yı seçtik.

Sonunda, ‘Sıfırdan Başla’ veya ‘Şablon Seç’ seçeneklerinden birini tercih edebilirsiniz.

Thrive Architect'te yeni bir kategori şablonu oluşturma

Hazır kullanıma uygun Thrive Themes şablonlarının çoğu zaten iyi tasarlanmış göründüğü için ikinci seçeneği tercih edeceğiz.

Bir sonraki açılır pencerede, mevcut şablonlardan birini seçebilirsiniz. Örnek olarak, 'Izgara Düzeni – Öne Çıkan Gönderi'ni seçeceğiz.

Seçiminizi yaptıktan sonra 'Şablon Oluştur' düğmesine tıklayın.

Thrive Architect'te bir şablon düzeni seçme

Yeni şablonunuzun şablonlar listesine eklendiğini şimdi görmelisiniz.

Üzerine gelin ve özelleştirmeye başlamak için 'Düzenle'ye tıklayın.

Thrive Architect'te kategori şablonunu düzenleme

Adım 3: Kategori Şablon Sayfanızı Özelleştirin

Thrive Architect, sayfanızı özelleştirmek için birçok yol sunar.

Sayfanızdaki öğeleri sürükleyip bırakabileceğiniz, özelleştirmek için birini seçebileceğiniz ve işiniz bittiğinde hazırsınız anlamına gelen blok düzenleyiciye benzer şekilde çalışır. Farkı, etrafında oynayabileceğiniz çok daha fazla özelleştirme seçeneğinin olmasıdır.

Thrive Architect sayfa oluşturucu

Bir örneğe bakalım. Kategori arşiv şablonumuzda, üstte büyük bir öne çıkan gönderi ve altında aynı kategorideki diğer gönderiler yer alıyor. Varsayılan olarak, öne çıkan gönderi, o kategoride yayınlanan en son gönderidir.

Bu öğenin düzenini değiştirmek istiyorsanız, ‘Öne Çıkan Liste 01’ öğesine tıklayın. Ardından, sol kenar çubuğunun üstündeki harici simge düğmesine tıklayın.

Thrive Architect'te öne çıkan gönderi tasarımını değiştirme

Farklı bir öne çıkan gönderi tasarımı seçmenizi isteyen bir açılır pencere görünecektir.

Seçebileceğiniz birkaç tane var ve mevcut seçiminizi beğenmezseniz her zaman tekrar değiştirebilirsiniz. İstediğiniz düzeni tıklamanız yeterlidir ve Thrive Architect bunu sayfa şablonunuza otomatik olarak uygulayacaktır.

Thrive Architect'te öne çıkan bir gönderi tasarımı seçme

Aşağıdaki gönderi listesiyle de aynı şeyi yapabilirsiniz.

Yalnızca 'Blog Listesi' öğesini seçin. Ardından, sol kenar çubuğunun üstündeki dış simgesine tıklayın ve gönderi listenizi daha önce olduğu gibi görüntülemek için başka şablonlar bulacaksınız.

Thrive Architect'te kategori listesi tasarımı seçme

Kategori listesinin tasarımını daha fazla değiştirmek isterseniz, kenar çubuğunu aşağı kaydırın.

Orada, görüntüleme türünü değiştirme (bir karusele dönüştürmek gibi), öne çıkan gönderiyi devre dışı bırakma, sayfalama türünü değiştirme (sayısaldan ‘Daha Fazla Yükle’ye gibi), görüntülenen gönderi sayısını artırma/azaltma ve çok daha fazlası için ayarlar bulacaksınız.

Thrive Architect'te blog listesi bloğunu yapılandırma

Ziyaretçilere hangi kategori sayfasında olduklarını bildiren büyük bir başlık ve bununla birlikte bir açıklama gibi başka öğeler de ekleyebilirsiniz.

Bunu yapmak için oluşturucunun sağ tarafındaki '+' düğmesine tıklayabilirsiniz. Ardından, 'Metin' öğesini seçin ve sayfanın en uygun olduğu yere bırakın.

Thrive Architect'te metin bloğu ekleme

Metin öğesinde, metin araç çubuğunun en sağındaki dinamik metin simgesine tıklayın. İşiniz bittiğinde, Dinamik metin alanında ‘Arşiv’i seçin ve ardından altındaki alanda ‘Arşiv adı’nı seçin.

Şimdi 'Ekle'ye tıklayın. Thrive Architect daha sonra kategori adınızı ekleyecektir. Bu özellik dinamik içerik eklediği için, gelecekte kategori adını değiştirirseniz otomatik olarak ayarlanacaktır.

Buradan metnin stilini, biçimini, hizalamasını ve daha fazlasını değiştirebilirsiniz.

Thrive Architect'te dinamik metin ekleme

Kategori açıklamasını eklemek için tekrar ‘+’ düğmesine tıklamanız yeterlidir.

Ardından, 'Taksonomi Terim Açıklaması' öğesini seçin.

Thrive Architect'te bir taksonomi terimi açıklaması ekleme

Kategoriye açıklama eklediyseniz, WordPress yönetici paneli » Gönderiler » Kategoriler bölümünde, açıklama otomatik olarak burada görünmelidir.

Aksi takdirde, o sayfaya geri dönüp daha sonra güncelleyebilirsiniz. Daha fazla bilgi için WordPress'te kategori açıklamalarının nasıl görüntüleneceği hakkındaki eğitimimizi takip edebilirsiniz.

Thrive Architect'te Taksonomi terim açıklaması bloğu örneği

WordPress'te kategorilerinizi farklı şekilde biçimlendirmenin harika bir yanı, her kategoriye özel olarak uyarlanmış çeşitli öğeler ekleyebilmenizdir.

For example, if you have a lead magnet or an opt-in form that is only suitable for a particular topic, then adding it to this category page is a great way to target interested readers.

Neyse ki, Thrive Architect'in bu amaç için özel blokları var.

Örneğin, ‘+’ düğmesine tıklayıp ‘Eylem Çağrısı’ öğesini sayfanızın herhangi bir yerine ekleyebilirsiniz. Bu, bir kategori sayfasındaki uzun gönderi listesini bölmek için mükemmel bir taktiktir.

Thrive Architect'te harekete geçirici mesaj öğesi ekleme

Buradan bir harekete geçirici mesaj şablonu seçebilirsiniz.

Mevcut tasarımlardan herhangi birini beğenmezseniz, en çok beğendiğinizi seçip daha sonra stilini değiştirebilirsiniz.

Thrive Architect'te bir eylem çağrısı öğesi seçme

Şimdi, eylem çağrısı öğelerinin metnini değiştirebilirsiniz.

Eylem çağrısı düğmesi için hedef URL'yi eklemek üzere, düğmeye tıklamanız yeterlidir. Ardından, URL'yi girin ve yeni bir sekmede açılıp açılmayacağını ve nofollow olup olmayacağını seçin.

Thrive Architect'te harekete geçirici mesaj öğesine hedef URL ekleme

After that, feel free to change the call-to-action element further by modifying its typography, adding a background color, inserting animations, and so on.

Kategori sayfasının görünümünden memnun kaldığınızda, 'İşini Kaydet'e tıklayın.

Thrive Architect'te çalışmanızı kaydetme

Kategori sayfanız tamamlandığında, her şeyin iyi göründüğünden emin olmak için web sitenizi mobil, masaüstü veya tablet üzerinde önizleyebilirsiniz.

Ardından, kendi stillerine sahip bireysel kategori sayfaları oluşturmak için önceki adımları tekrarlayabilir veya ana kategorilerinizi biçimlendirebilir ve geri kalanının Thrive Themes'in varsayılan kategori arşiv şablonunu kullanmasına izin verebilirsiniz.

Bizim demo sitemizde bizimki böyle görünüyor:

Thrive Architect'te Bloglama kategorisi sayfası örneği

Yöntem 2: Kategori Sayfalarını Biçimlendirmek İçin Tam Site Düzenleyicisini Kullanın (Blok Temaları)

Bu ikinci yöntem, blok teması kullanıcıları içindir. Tam site düzenleyici, kategori arşiv sayfaları için özel bir WordPress şablonu oluşturmak ve tek tek kategorileri farklı şekilde stilize etmek için kolay bir yol sunar.

Bu yöntemin iyi yanı, bir eklentiye ihtiyaç duymamasıdır. Bununla birlikte, WordPress temanızın ve tam site düzenleyicisinin sağladığı özelleştirme seçeneklerinden memnun olduğunuzdan emin olun, çünkü yalnızca bunlarla çalışacaksınız.

İlk olarak, WordPress yönetici panelinizde Görünüm » Düzenleyici'ye giderek tam site düzenleyicisini açalım.

WordPress yönetim panelinden Tam Site Düzenleyici'yi seçme

Artık blok temanızı özelleştirmek için ana ayarları göreceksiniz.

Özel bir kategori şablonu oluşturmak için ‘Şablonlar’a tıklayın.

FSE'de Şablonlar menüsünü seçme

Şimdi, temanızın sunduğu birkaç varsayılan şablon göreceksiniz. Bu, WordPress temasına göre değişiklik gösterecektir, ancak tipik olarak bir tema, tüm kategori arşiv sayfalarınız için kullanılan bir şablon içerecektir. Tema geliştiricisi, bunun ne olduğunu açıklamada belirtirdi.

Bizim durumumuzda, kategori arşiv sayfaları için varsayılan şablonun adı 'Tüm Arşivler'dir. Kategorilere ek olarak, bu şablon etiketler, özel taksonomiler, özel gönderi türleri ve benzeri diğer arşiv türleri için de kullanılır.

To create a new template for your category archive pages, click ‘Add New Template’ in the top-right corner.

FSE'de yeni bir şablon ekleme

Şimdi oluşturmak istediğiniz şablon türünü seçmenizi isteyen bir açılır pencere görünecektir.

Burada, sadece 'Kategori Arşivleri'ni seçin.

FSE'de bir şablon oluşturmak için bir arşiv türü seçme

Bu aşamada, tüm kategoriler için yeni bir özel kategori arşiv şablonu mu yoksa yalnızca belirli bir kategori için mi oluşturmak istediğinizi seçebilirsiniz.

Tek tek kategorileri farklı şekilde stilize etmeye çalıştığımız için, 'Belirli bir öğe için Kategori'yi seçeceğiz.

FSE'de bir şablon oluşturmak için belirli bir kategori seçme

Şimdi yapmanız gereken tek şey, bir şablon oluşturmak istediğiniz kategoriyi seçmek.

Bu durumda, 'Blog' kategorisini seçeceğiz.

FSE'de şablon oluşturmak için bir kategori adı seçme

Şimdi tam site düzenleyicisine gireceksiniz. Kategori arşiv sayfası için kullanılacak bir blok deseni seçmenizi isteyen bir açılır pencere görünmelidir.

Bir desen seçebilir veya sıfırdan başlamak istiyorsanız bu adımı atlayabilirsiniz.

FSE'de kategori şablonu için bir blok deseni seçme

Örnek olması açısından, sıfırdan başlayacağız ve WordPress'te kategori sayfanızı farklı şekilde nasıl biçimlendireceğinize dair örnekler vereceğiz.

Şimdi, tamamen sıfırdan başlamak istemiyorsanız ve kullanmak için başka desenler bulmak istiyorsanız, yapabileceğiniz şey şudur.

Bir blok eklemek için sol üst köşedeki siyah ‘+’ işaretine tıklayabilirsiniz. Ardından, ‘Şablonlar’ sekmesine geçin ve ‘Gönderiler’ seçeneğine doğru aşağı kaydırın. Şimdi birden fazla WordPress gönderisini görüntülemek için bazı şablonlar görmelisiniz.

FSE'de blok deseni seçme

Varsayılan seçeneklerden memnun kalmazsanız, kendi tasarımınızı oluşturabilirsiniz. Tam site düzenleyicisi ile işlem basittir, çünkü blok düzenleyicide her zamanki gibi blokları sürükleyip bırakıyorsunuz.

Bununla birlikte, şablonun parçalarını tek bir blok olarak yönetebilmeniz için öncelikle Grup bloğunu kullanmanızı öneririz. Sayfada herhangi bir yere tıklayın ve 'Grup' seçeneğini seçin.

FSE'de grup bloğu ekleme

Şimdi, grup bloğu için bir düzen seçin.

Dört seçenek var ve WordPress siteniz için en iyi hangisiyse onu seçebilirsiniz.

FSE'de bir grup bloğu için düzen seçimi

Önce Arşiv Başlığı bloğunu grup bloğuna eklemenizi öneririz. Bu, kategorinizin başlığını otomatik olarak gösterecektir.

Bu nedenle, gelecekte kategori adını değiştirirseniz, başlık da otomatik olarak ayarlanacaktır. Bunu, sayfadaki herhangi bir yere ‘+’ düğmesine tıklayıp ‘Arşiv Başlığı’nı seçerek bulabilirsiniz.

FSE'de arşiv başlığı bloğunu seçme

Varsayılan olarak bu blok, başlığı 'Arşiv Türü: Arşiv Başlığı' biçiminde gösterecektir.

Ancak, blok ayarları kenar çubuğuna gidip ‘Başlıkta arşiv türünü göster’ düğmesini devre dışı bırakarak başlıktaki arşiv türünü devre dışı bırakabilirsiniz.

FSE'de arşiv türü başlığını gösterme

Eklenmesi gereken bir diğer şey de, kategorideki tüm gönderileri gösteren bir blok.

Bunu yapmak için ‘+’ düğmesine tıklayın ve ‘Gönderiler Listesi’ni seçin.

FSE'de gönderi listesi bloğunu seçme

Şimdi, önceden hazırlanmış bir tasarım kullanıp kullanmayacağınıza veya boş başlamak isteyip istemediğinize karar verebilirsiniz.

Göstermek için ‘Boş Başla’ seçeneğini kullanacağız.

FSE'de gönderi listesi düzenini seçme

Bu aşamada, gönderileri görüntülemek için bir düzen seçebilirsiniz.

4 seçenek vardır: Başlık ve Tarih; Başlık ve Özet; Başlık, Tarih ve Özet; ve Resim, Tarih ve Başlık.

FSE'de gönderi listesini görüntülemek için bir düzen seçme

Bir düzen seçtikten sonra, artık tüm gönderilerinizin listesini görmelisiniz.

Gönderileri şimdi kategoriye göre filtrelemelisiniz. Bunu yapmak için, blok ayarları kenar çubuğundaki ‘Blok’ sekmesine geçin. Ardından, ‘Filtreler’ bölümüne kaydırın ve üç noktalı menüye tıklayın.

Burada 'Taksonomiler'i seçin.

FSE'de belirli bir taksonomide gönderileri filtreleme

Simply enter the category name to filter the list of posts in the appropriate field.

Bundan sonra 'Enter' tuşuna bastığınızdan emin olun.

FSE'de belirli bir kategorideki gönderileri filtreleme

Kaç gönderinin görüntüleneceğini değiştirmek için 'Gönderiler Listesi' bloğuna tıklayabilir ve 'Ayarlar' simgesini seçebilirsiniz.

Şimdi, 'Sayfa Başına Öğe Sayısı' alanındaki sayıyı değiştirebilirsiniz.

FSE'de gösterilen gönderi sayısını değiştirme

Sayfanın görünümünü değiştirmek için sayfadaki bloklardan birini seçebilirsiniz. Ardından, ayarlar kenar çubuğundaki ‘Blok’ sekmesine geçin ve ‘Stil’ sekmesine gidin.

Artık o belirli blok için kullanılabilir stil seçeneklerini göreceksiniz. Metin rengini veya bağlantı rengini değiştirmekten, yazı tiplerini değiştirmekten, dolgu ve kenar boşluğunu ayarlamaktan çekinmeyin.

FSE'de Blok stilleri ayar kenar çubuğu

Bu noktada, sayfayı aşağı kaydırabilir ve ‘Bir sorgu sonuç döndürmediğinde görüntülenecek metin veya bloklar ekleyin.’ yazan bloğu bulabilirsiniz.

Burada, kategori henüz herhangi bir gönderi içermiyorsa görünecek metin yazabilir veya bloklar ekleyebilirsiniz.

FSE'de kategoride sonuç olmadığında metin ekleme

Ve tam site düzenleyicisinde bir kategori sayfasını düzenlemenin temelleri bu kadar. Diğer kategori arşiv sayfalarından daha ayırt edici hale getirmek için artık ona daha fazla blok ekleyebilirsiniz.

Ardından, ‘Kaydet’e tıklamanız yeterlidir.

Bundan sonra, tüm kategorileriniz için özel WordPress sayfaları oluşturmak üzere önceki adımları tekrarlayabilirsiniz. Ayrıca ana kategorilerinizi düzenleyebilirsiniz ve geri kalanlar temanızdaki varsayılan arşiv şablonunu kullanacaktır.

FSE'de değişikliklerinizi kaydetme

Tam site düzenleyicisini kullanma konusunda daha fazla ipucu ve püf noktası istiyorsanız, WordPress tam site düzenlemesine yeni başlayanlar için kapsamlı kılavuzumuza göz atın.

Kategori sayfanıza çok daha fazla öğe ekleyebilmeniz için en iyi Gutenberg blok eklentileri listemize de göz atmanızı öneririz.

Basit kategori sayfamız şöyle görünüyor:

FSE ile oluşturulmuş bir kategori sayfası örneği

Yöntem 3: Kategori Sayfalarını Stilize Etmek İçin CSS Hero Kullanın (Tüm Temalar)

Bu üçüncü yöntem, blok tema kullanıcıları da yapabilse de, WordPress klasik tema kullanıcıları için önerilir.

Bunun nedeni, birçok klasik temanın kategori arşiv sayfalarınızı ayrı ayrı biçimlendirme seçeneği sunmamasıdır. Ve Yöntem 1'i kullanmak istemiyorsanız, alternatif özel CSS kullanmaktır.

CSS ile ilgili püf noktası, kodlama yapmayı bilmeniz gerektiğidir. Teknik geçmişi olmayan tamamen yeni başlayan biriyseniz, kodlama sizin için en kullanıcı dostu seçenek olmayabilir.

Neyse ki, kodlama yapmadan CSS kullanarak temanızı özelleştirmenin kolay bir yolunu bulduk, bu da CSS Hero kullanmaktır.

CSS Hero, mevcut temanızı görsel bir CSS düzenleyici ile özelleştirmenizi sağlayan bir eklentidir. Tek yapmanız gereken sitenizdeki bir öğeyi seçmek, stilini değiştirmek ve CSS Hero o öğenin CSS kodunu değiştirecektir.

Bununla birlikte, önceki yöntemlerle karşılaştırıldığında, CSS'yi yalnızca kategori arşiv sayfalarınızda küçük değişiklikler yapmak istiyorsanız kullanmanızı öneririz. Kapsamlı bir değişiklik mümkün olsa da, daha uzun sürebilir.

Ayrıca, eklenti ücretsiz bir sürümle gelmiyor, ancak %40 indirim almak için CSS Hero kupon kodumuzu kullanabilirsiniz.

Daha fazla bilgi için, tam CSS Hero incelememize göz atabilirsiniz.

CSS Hero'yu satın alıp indirdikten sonra, WordPress yöneticinize kurabilir ve etkinleştirebilirsiniz. Adım adım talimatlar için, WordPress eklentilerini yükleme konusundaki başlangıç kılavuzumuza göz atmanız yeterlidir.

Ardından, yönetici çubuğunuzun üst kısmında CSS Hero düğmesini görmelisiniz. Sitenizi düzenlemeye başlamak için üzerine tıklayın.

CSS Hero'yu WordPress'te açma

Aşağıdaki ekran görüntüsü sayfanızın şu anda nasıl görünmesi gerektiğini göstermektedir.

Sol tarafta, sayfanızdaki bireysel öğeleri değiştirebileceğiniz bir kenar çubuğu bulunur. En üstte, sayfanızı farklı cihazlarda görüntülemek, Gezinme moduna geçmek ve değişiklikleri geri almak için düğmeler bulacaksınız.

İşinizi aşağıdan kaydedebilirsiniz.

CSS Hero arayüzü

Varsayılan olarak ana sayfanızı göreceksiniz.

Bir kategori arşiv sayfasını özelleştirmek için, sayfanın sağ üst köşesindeki ‘Düzenle’ modundan ‘Gezinme’ moduna geçin. Ardından, özelleştirmek istediğiniz kategoriye gidin.

CSS Hero'da Gezinme modunu etkinleştirme

Doğru sayfadayken, 'Düzenle' moduna geri dönebilirsiniz.

Düzenlemelerinizin yalnızca bu belirli kategori sayfasını etkilediğinden ve diğerlerini etkilemediğinden emin olmak için 'Seçim Modu' ayarını 'Kategori' olarak değiştirin.

CSS Hero'da Kategori seçme moduna geçiliyor

Şimdi, düzenlenecek bir öğe seçmeye devam edebilirsiniz.

Bu örnekte, kategori başlığını ve açıklamasını görüntüleyen blok grubuna tıkladık. Sol kenar çubuğunda artık bu öğeyi değiştirmek için ayarlar var.

CSS Hero'da bir blok seçme

Bir örnek deneyelim. arka plan rengini değiştirmek istiyorsanız, ‘Arka Plan’ seçeneğine tıklayın.

Ardından, renk seçici simgesine tıklayabilir ve zevkinize uygun rengi seçebilirsiniz. Arka plan olarak gradyan veya bir resim eklemek de mümkündür.

CSS Hero'da Arka Plan ayarları

Oldukça koyu bir renk seçtiğimiz için metin artık okunabilir değil. Neyse ki, CSS, bu blok grubundaki bireysel metin öğelerine tıklamanıza olanak tanır.

Metin rengini değiştirmek için 'Tipografi' ayarlarına geçebilir ve istediğiniz rengi seçebilirsiniz. Yazı tipi boyutunu, satır yüksekliğini ve hatta yazı tipi ailesini de özelleştirebilirsiniz.

CSS Hero'daki Tipografi ayarları

Yapabileceğiniz bir diğer harika şey de, öğelerinize kutu gölgesi eklemek, böylece daha fazla öne çıkarlar.

Bunu yapmak için, gölge eklemek istediğiniz herhangi bir öğeye tıklayın. Ardından, 'Ekstra' sekmesine gidin ve 'Gölge Oluştur'a tıklayın.

CSS Hero'daki Ek ayarlar

Şimdi, gölgenin görünmesini istediğiniz yere noktayı sürüklemeye başlayın. Otomatik olarak öğenin altında bir gölge göreceksiniz.

İşiniz bittiğinde, gölgenin bulanıklığını, yayılmasını, konumunu ve rengini ayarlayabilirsiniz.

CSS Hero'da bir bloğun gölge ayarlarını yapma

Öğeler birbirine çok yakınsa (satır sonu eklemeniz gerekiyorsa) veya çok uzaksa, bunları 'Boşluklar' ayarlarında ayarlayabilirsiniz.

Burada, her öğenin dolgu ve kenar boşluğunu daha orantılı görünmelerini sağlayacak şekilde değiştirebilirsiniz.

Bir bloğun dolgu ve kenar boşluğunu CSS Hero'da ayarlama

CSS Hero ile aslında yapabileceğiniz çok daha fazla şey var. Daha fazla bilgi edinmek isterseniz, bu kılavuzlara göz atın:

Kategori sayfasının nasıl göründüğünden memnun kaldığınızda, sadece ‘Kaydet’e tıklayın.

CSS Hero'da çalışmanızı kaydetme

Hepsi bu kadar. Şimdi, diğer kategori sayfaları daha benzersiz görünmeleri için aynı adımları tekrarlayabilirsiniz.

CSS Hero ile hazırladığımız kategori sayfamızın son hali işte böyle:

CSS Hero ile oluşturulmuş bir kategori arşiv sayfası örneği

Bonus İpucu: Belirli Kategori Sayfaları İçin Farklı Bir Tema Kullanın

Kategorilerinizden bazılarının görünümünde büyük bir değişiklik yapmak mı istiyorsunuz? Belirli kategoriler için tamamen farklı bir tema kullanmayı düşünebilirsiniz.

Bu, bir grup kategori sayfasının aynı görünmesini ama diğer her şeyden farklı olmasını istediğinizde harika olabilir.

Ancak, her bir kategoriyi ayrı ayrı biçimlendiremeyeceğinizi unutmayın. Bunun yerine, siteniz için iki farklı görünüm oluşturuyorsunuz.

Bu size işleri değiştirme konusunda çok fazla özgürlük verse de, sitenizin bir dereceye kadar tutarlı görünmesini sağlamanın hala önemli olduğunu unutmayın. Bazı kategoriler farklı görünse bile, bazı ortak öğeleri korumaya çalışın.

Bu, ziyaretçilerin sitenizde gezinirken kendilerini rahat hissetmelerine yardımcı olur. Benzersiz tasarımlar ve tutarlılık arasında bir denge bularak WordPress sitenizi ilgi çekici ve kullanımı kolay tutabilirsiniz.

Bunu nasıl yapacağınızla ilgili daha fazla ayrıntı için, WordPress web sitenizde birden fazla tema kullanma kılavuzumuza bakın.

Umarım bu makale, WordPress'te bireysel kategorileri farklı şekilde nasıl biçimlendireceğinizi öğrenmenize yardımcı olmuştur. Ayrıca en iyi WordPress tema oluşturucuları hakkındaki uzman seçimlerimizi ve WordPress web sitesini nasıl düzenleyeceğiniz konusundaki nihai kılavuzumuzu da incelemek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

10 CommentsLeave a Reply

  1. Özel kategori stilini denedim ve benzersizlik ile tutarlılık arasında bir dengeyi korumanın çok önemli olduğunu eklemek isterim.
    Her kategoriyi kökten farklılaştırmak cazip gelse de, site genelinde uyumlu bir kullanıcı deneyimi sağlamak için bazı ortak öğeleri korumak önemlidir.

  2. css seçeneği ile sadece kategori arşiv sayfasını değil, kategori altındaki tüm gönderilerin stilini değiştirmek mümkün mü?

    bir öğeyi yalnızca belirli kategori sayfalarında display:none yapmak istiyorum

    • Mümkündür ancak kategori hedefi eklemek için biraz kod eklemeniz gerekir, çünkü bu WordPress'in varsayılan bir eklemesi değildir.

      Yönetici

  3. Makaleniz için teşekkürler!

    Let say I want to style all posts in category “Reviews” but only the child-categories in reviews are selected for the post.

    İnceleme kategorisindeki tüm alt kategorileri nasıl biçimlendirebilirim?

    • İstediğiniz şeye göre, bireysel alt kategorileri hedeflemek isteyeceksiniz.

      Yönetici

        • Anladığınız için özür dileriz, alt kategorilerin her biri için bu kılavuzu takip etmemiz ve alt kategorileri gruplandırmak istemeniz durumunda CSS'nin ek bir hedefi etkilemesi için bir virgül ekleyebileceğiniz anlamına geliyordu.

  4. Merhaba,

    makale için teşekkürler.
    Bir makale iki veya daha fazla kategoriye aitse ne olur?

    Carosch

    • Soru, yönetici panelinden özel bir kategori şablon düzenini birden çok başka kategoriye nasıl atayacağımızdır.

      örneğin Category-grid.php adında bir şablon oluşturdum. bunu wordpress'te birden fazla kategoriye nasıl atayabilirim?

  5. Harika Makale!

    Ben bir WordPress acemisiyim ve tam olarak bunu yapmanın bir yolunu bulmaya çalışıyorum. Ancak adımlarınızı izlerken bazı sorunlarla karşılaştım. WP sitemiz IIS 7 üzerinde çalışan bir Windows sunucusunda kuruludur, bu yüzden bunun sorunuma neden olup olmadığını bilmiyorum, ancak sorunun talimatlarınızda değil, bende olduğundan eminim.

    Her iki yöntemi de denedim; category.php'yi kategorilerimden birinin adını taşıyan yeni bir php dosyasına kopyalamak ve CSS. CSS harika çalıştı, ancak ilk yöntemle, orijinal php kategori dosyasındaki belirli bir fonksiyona yapılan bir çağrının özel kategori dosyamda tekrarlandığını belirten bir hata aldım. Yeni php dosyasını alt tema dizinimde oluşturdum (Avada kullanıyorum). Orijinal category.php de bahsettiğiniz yerde değil, wp-includes klasöründe bulundu. Ancak blog sayfam ve kategorilerim düzgün çalışıyor. Orijinal kategori php dosyasında BU KADAR çok kodlama olduğu için bunu nasıl ele alacağımdan emin değilim, özel kategori php dosyamdan neyi silmem gerektiğini (varsa) hiç bilmiyorum.

    Biliyorum, çok fazla bilgi var. Başka önerileriniz olursa yanıtladığınız için çok teşekkürler.

    Bu siteye bayıldım!

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.