WordPress'te Özel CSS Kodu Nasıl Eklenir?

WordPress'te tema dosyalarını değiştirmeden tasarım üzerinde düzenleme yapmak için özel CSS kullanılabilir. Renk, yazı boyutu, boşluk, buton görünümü ve çeşitli sayfa öğelerinin tasarımı CSS ile değiştirilebilir.

Özellikle küçük tasarım değişikliklerinde tema dosyalarını doğrudan düzenlemek yerine WordPress'in özel CSS alanını kullanmak daha pratik bir yöntemdir.

1. Özel CSS Bölümüne Ulaşma

WordPress'in kullandığı temaya göre menü isimleri değişebilir. Klasik temalarda genellikle Görünüm > Özelleştir > Ek CSS bölümünden özel CSS kodları eklenebilir.

Bazı yeni temalarda ise bu alan Site Düzenleyicisi içerisinden yönetilebilir.

1. Basit Bir CSS Kodu Ekleme

Örneğin site içerisindeki tüm paragraf yazılarının boyutunu değiştirmek için aşağıdaki kod kullanılabilir.


Bu kod, sayfalardaki p etiketiyle oluşturulan paragraf metinlerinin yazı boyutunu 16 piksel olarak ayarlar.

1. Belirli Bir Alanı Değiştirme

CSS kodlarında sınıf veya ID kullanılarak yalnızca belirli bir alan hedeflenebilir.

Örneğin .button sınıfına sahip butonların yazı boyutunu değiştirmek için:


Bu şekilde sayfadaki bütün öğeleri değiştirmek yerine belirli bir CSS sınıfına sahip alan üzerinde düzenleme yapılabilir.

1. CSS Eklerken Nelere Dikkat Edilmeli?

CSS kodu eklerken doğru sınıf veya ID değerinin kullanılması önemlidir. Yanlış seçici kullanılırsa kod beklenen elementi değiştirmeyebilir.

Ayrıca fazla sayıda !important kullanmak, ilerleyen aşamalarda CSS yönetimini zorlaştırabilir. Bu nedenle mümkün olduğunca doğru seçiciler kullanılarak düzenleme yapılmalıdır.

Özel CSS, WordPress sitelerinde küçük ve orta düzey tasarım değişiklikleri yapmak için oldukça kullanışlıdır. Kodların düzenli tutulması ve mümkün olduğunca Child Theme veya WordPress'in kendi özel CSS alanının kullanılması, ileride yapılacak değişiklikleri kolaylaştırır.