WordPress’te Tema Rengi ve Yazı Tipi Nasıl Değiştirilir?

6 Ağustos 2026 · adaptedijital

Net cevap: Üç kapı var — (1) Klasik temalarda Görünüm → Özelleştir: renkler bölümünden palet, tipografi bölümünden (temanız sunuyorsa) yazı tipi dakikalar içinde değişir; Astra-Kadence gibi temalarda bu panel çok zengindir, (2) Blok temalarda Görünüm → Düzenleyici → Stiller: renk paleti ve yazı tipleri sitenin tamamı için tek merkezden yönetilir — yeni neslin en derli yolu, (3) Ek CSS: panelin yetmediği noktasal dokunuşlar için Özelleştirici’deki Ek CSS alanı. Yöntemden önemli iki kural: renkleri tek tek değil PALET olarak değiştirin (zemin-metin-vurgu üçlüsü birlikte) ve yazı tipinde ikiden fazla aile kullanmayın — üçüncü font, hem tasarımın hem hızın düşmanıdır.

Bu rehber üç kapıyı adım adım açar, marka paleti kurma yöntemini ve font performans kurallarını verir. Logonun aynı yolculuğu logo rehberinde, temanın kendisi seçim rehberinde.

Başlamadan: Marka Paletini Yazın

Panelden önce kâğıt: palet yazılmadan renk değiştirilmez.

Üçlü Palet Kuralı

Ana renk (marka), vurgu rengi (butonlar-bağlantılar), nötr zemin/metin tonları: üçlüyü HEX kodlarıyla tek satıra yazın — ‘göz kararı mavi’, her ekranda başka maviye döner.

Kontrast Denetimi

Metin-zemin ikilinizin okunabilirliğini kontrast aracıyla test edin: şık ama okunmayan gri-üstü-gri, ziyaretçi ve erişilebilirlik kaybıdır.

Tutarlılık Hedefi

Palet; buton, bağlantı, başlık, form odağı — her yerde AYNI kodlarla kullanılır: tutarlılık, küçük sitelere kurumsal his veren en ucuz dokunuştur.

Kaynak ve resmî belge: Google Fonts

Kapı 1: Özelleştirici ve Tema Panelleri

Klasik temaların standart yolu; on temanın yedisi burada.

Renkler Bölümü

Görünüm → Özelleştir → Renkler (veya temanın Global/Genel bölümü): ana-vurgu-zemin alanlarına HEX kodlarınızı girin, canlı önizlemede görün, Yayımla.

Tipografi Bölümü

Gelişmiş temalarda Tipografi ayrı bölümdür: gövde ve başlık ailesi, boyut ve kalınlık buradan seçilir — gövdeye okunaklı bir aile, başlığa karakterli eşi.

Tema Sınırına Çarparsanız

Panel yalnız üç-beş alan sunuyorsa zorlamayın: noktasal ihtiyaçlar Kapı 3’ün (Ek CSS) işidir — paneli eğip bükmek yerine doğru aracı kullanın.

Kapı 2: Blok Temalarda Stiller

Yeni neslin merkez üssü: tüm site, tek stil panosu.

Stiller Ekranı

Görünüm → Düzenleyici → sağ üstteki Stiller (yarım ay simgesi): Renkler ve Tipografi sekmeleri sitenin TAMAMINI yönetir — değişiklik her bloğa birden akar.

Palet Tanımlama

Stiller → Renkler → Palet’te kendi marka renklerinizi adlarıyla tanımlayın: içerik girenler artık ‘doğru maviyi’ aramaz, paletten seçer — tutarlılık sisteme gömülür.

Stil Varyasyonları

Bazı blok temalar hazır stil varyasyonları sunar: tek tıkla palet+font kombinasyonu değişir — markanıza en yakın varyasyonu seçip üzerine ince ayar yapmak, sıfırdan kurmaktan hızlıdır.

Kapı 3: Ek CSS — Noktasal Neşter

Panelin bittiği yerde üç satırlık hassas dokunuş.

Nerede ve Nasıl?

Özelleştirici → Ek CSS: canlı önizlemeli kod alanı — örnek: .site-title{color:#0C24C7} gibi hedefli kurallar için biçilmiş kaftan.

Doğru Kullanım Ölçüsü

Ek CSS noktasal iş içindir: 10-20 satır makul, 300 satır ‘yanlış tema’ itirafıdır — o noktada temayı değil kararı gözden geçirin.

Kalıcılık Notu

Ek CSS tema değişiminde taşınmaz; kayda değer özelleştirmeler birikiyorsa child theme düzenine geçilir — kritik dokunuşlarınızı bir kenara da not edin.

Yazı Tipi Performans Kuralları

Font, tasarımın en ağır yüklerinden biridir; ölçüyle seçilir.

İki Aile – Üç Kalınlık

Gövde + başlık için toplam iki aile, ailede en fazla üç kalınlık: her ek kalınlık ayrı dosya, ayrı yüktür — tipografi zenginliği boyutla ve kalınlıkla kurulur, aile sayısıyla değil.

Sistem Fontu Seçeneği

Hızın kritik olduğu projelerde sistem font yığını sıfır yükle gelir: karakter kaybı vardır, hız kazancı nettir — bilinçli bir tercihtir.

Yükleme Düzeni

Google Fonts kullanılıyorsa yalnız gereken kalınlıkları çağırın; hız etkisini değişiklik sonrası ölçün — hız rehberi ve ölçüm yöntemi yol göstersin.

Değişiklik Günü Disiplini

Renk-font değişimi küçük iş görünür; disiplinsizi iz bırakır.

Önce Yedek, Sonra Panel

Tek tık geri alınamayan (Ek CSS silme, stil varyasyon geçişi gibi) işlerden önce yedek alın: bakım düzenindeki refleks burada da geçerli.

Üç Ekran Kontrolü

Değişiklik sonrası ana sayfa + bir yazı + bir form sayfasını mobilde gezin: renk kontrastı, buton görünürlüğü, font okunurluğu — üç ekran, sürprizlerin çoğunu yakalar.

Kimlik Bütünlüğü

Renk-font değişimi bir marka dokunuşudur: logo, kapak görselleri ve sosyal şablonlarla uyumu kontrol edin — bütünlüklü kimlik kurulumunu tek elden isterseniz paketlerimiz ve iletişim hattı hazır.

Sahadan Notlar

Saha notu: ‘Rengi değiştirdim, site tuhaf oldu’ vakalarının kökü hep aynıdır: tek renk değişmiş, paletin kalanı eskide kalmıştır — yeni mavi buton, eski lacivert başlıkla kavga eder. Renk işi tekil değil takım işidir: üçlü palet birlikte yazılır, birlikte değişir.

Palet ipucu: HEX kodlarınızı tek satırlık bir ‘marka kartına’ yazıp ekiple paylaşın: ana #……, vurgu #……, zemin #……. Bu kart; sosyal medya görselinden e-posta imzasına her üretimin referansı olur — kurumsal tutarlılık, bu tek satırın disiplinidir.

Stiller dersi: Blok temaya geçen kullanıcıların en sevdiği an, Stiller panelini keşfettikleri andır: yıllarca sayfa sayfa düzelttikleri renkler tek merkezden akmaya başlar. Blok temadaysanız renk işini ASLA sayfa içinde tekil bloklara yapmayın — merkez varken şube açmayın.

CSS uyarısı: Ek CSS’e yazdığınız her kuralın başına tek satır yorum ekleyin: /* buton hover rengi — 2026-08 */. Altı ay sonra o kuralın neden var olduğunu hatırlamak, yorumsuz kodda arkeolojidir — yorumlu kodda okuma işi.

Font tecrübesi: Başlık fontu seçerken Türkçe karakter testini atlamayın: ğ, ş, İ, ı harflerini büyük puntoda deneyin. Kimi gösterişli aile Türkçe glifleri zayıf çizer ve başlıklarınız ‘yabancı’ durur — güzel font, sizin alfabenizde güzel olandır.

Disiplin notu: Üç ekran kontrolüne bir dördüncü ekleyin: e-posta bildirimleri. Form ve sipariş maillerinizde buton-bağlantı renkleri çoğu zaman ayrı şablondadır; sitede yenilenen kimliğin mailde eski kalması, yarım rebrand’in en görünür hâlidir.

Kısa Sözlük

Üçlü Palet: Ana + vurgu + nötr zemin/metin renklerinin HEX takımı.

Stiller Paneli: Blok temalarda tüm site renk-tipografisinin tek merkezi.

Ek CSS: Özelleştirici’deki noktasal stil dokunuşu alanı.

Sistem Font Yığını: Cihazın kendi fontlarını kullanan sıfır yüklü tipografi.

Hızlı Özet

Üç kapı: klasik temada Özelleştirici (Renkler + varsa Tipografi bölümü), blok temada Stiller paneli (tüm siteyi tek merkezden yöneten palet + font sekmeleri, hazır stil varyasyonları), noktasal işler için Ek CSS (10-20 satır ölçüsü, yorumlu ve child theme bilinciyle). İki altın kural: renkler tekil değil üçlü palet olarak değişir (kontrast testiyle) ve yazı tipinde iki aile-üç kalınlık sınırı aşılmaz (hız için sistem fontu meşru seçenek). Değişiklik günü disiplini: önce yedek, üç ekran + mail şablonu kontrolü, marka bütünlüğü.

Sıradaki Adım

Önce marka kartınızı yazın (üç HEX + iki font ailesi), sonra temanıza göre kapınızı seçip paleti tek oturuşta uygulayın; çıkışta üç ekran + mail kontrolünü yapın. Renk-font-logo-kapak bütünlüğünü tek elden kurdurmak isterseniz yazın — kimlik uyarlaması kurulum paketlerimizin standart maddesidir.

Sık Sorulan Sorular

WordPress’te tema rengini nereden değiştiririm?

Klasik temada Görünüm → Özelleştir → Renkler (veya temanın Global bölümü); blok temada Görünüm → Düzenleyici → Stiller → Renkler — tüm siteyi tek merkezden yönetir. Kural: tek rengi değil üçlü paleti (ana + vurgu + zemin) HEX kodlarıyla birlikte değiştirin.

Yazı tipini değiştirmek siteyi yavaşlatır mı?

Ölçüsüzse evet: her font ailesi ve kalınlık ayrı dosyadır. Sınır iki aile – üç kalınlıktır; Google Fonts’ta yalnız gereken kalınlıkları çağırın ve değişiklik sonrası hızı ölçün. Hızın kritik olduğu projede sistem font yığını sıfır yüklü meşru alternatiftir.

Temanın renk ayarları yetersiz; ne yapmalıyım?

Noktasal ihtiyaçlar için Özelleştirici → Ek CSS (yorum satırlarıyla, 10-20 satır ölçüsünde). Özelleştirme 300 satıra tırmanıyorsa sorun CSS değil temadır: ya panel zengin bir temaya ya child theme düzenine geçin — kararı kod miktarı verdirir.

← Tüm Yazılar Profesyonel Destek Alın