WordPress Temalarda Drop Cap (Büyük İlk Harf) Nasıl Kaldırılır?

WordPress’in blok tabanlı Full Site Editing (FSE) temalarını kullanırken bazen istemediğiniz tipografik özelliklerle karşılaşabilirsiniz. Bunlardan biri de drop cap (paragrafın ilk harfinin büyük gösterilmesi) özelliğidir.

Özellikle sade ve okunabilir bir blog tasarımı hedefliyorsanız bu stil çoğu zaman gereksiz görünür. Üstelik theme.json dosyasında kapatmış olsanız bile hâlâ aktif kalabilir.

Bu rehberde, FSE temalarda drop cap’i kalıcı ve doğru şekilde nasıl kaldıracağınızı adım adım anlatıyorum.

Drop Cap Neden Kapanmaz?

Böyle bir durum yaşıyorsanız muhtemelen temanızın stil dosyasında şöyle bir ayar bulmuş olabilirsiniz:

"typography": {
  "dropCap": false
}

Ancak bu ayar sadece:

• Editördeki “drop cap” seçeneğini kaldırır.
• Ama tema CSS’i ile gelen stilleri iptal etmez

Yani sorun genellikle drop cap özelliğinin CSS ile zorla uygulanmasından kaynaklanıyordur.

Drop Cap Sorunu Nasıl Bulunur?

Klasik temalar dahil FSE temalarda drop cap genellikle şu CSS ile gelir:

.has-dropcap > p:first-of-type:first-letter {
  /* çeşitli özelleştirmeler */
}

Bu kod .has-dropcap class’ına sahip bloklarda lk paragrafın ilk harfini büyütür

Çözüm 1: CSS ile Drop Cap’i Devre Dışı Bırakma

En hızlı ve güvenli yöntem: üzerine yazmak

Adımlar:

1. WordPress paneline girin.
2. Görünüm → Özelleştir → Ek CSS
3. Aşağıdaki kodu ekleyin:

.has-dropcap > p:first-of-type:first-letter {
  float: none;
  font-size: inherit;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
}

Bu kod ile birlikte drop cap stilini tamamen sıfırlarsınız. Tema dosyasına dokunmamış ve dolayısıyla güncellemelerdeki değişikliklerden etkilenmezsiniz.

Çözüm 2: Tamamen Kaldırma

Eğer tüm stilleri sıfırlamak istiyorsanız:

.has-dropcap > p:first-of-type:first-letter {
  all: unset;
}

Bu yöntem ile daha agresif bir sonuç alırsınız ama kesin çözüm sağlar.

Çözüm 3: Drop Cap Class’ını Tamamen Kaldırma

Drop cap aslında şu class ile çalışır: has-dropcap. Bunu kaldırırsanız CSS düzenlemesine bile gerek kalmaz.

Drop Cap Neden Dezavantajlıdır?

Modern web tipografisinde drop cap; mobilde kötü görünür, satır hizasını bozar, okunabilirliği düşürebilir.

Bu yüzden birçok modern tema bunu varsayılan olarak kapalı tutar. Basılı yayınlarda güzel görünebilir ama maalesef çoğu temada bu tip sorunlardan dolayı kapalı olarak gelir ve bence SEO için de pek bir artısı yok.

Eğer temanda benzer tipografik “zorla uygulanan” stiller varsa, aynı mantıkla hepsini kontrol altına alabilirsiniz. Bu yaklaşım özellikle sade, okunabilir ve profesyonel blog tasarımı için oldukça kritik önem taşır.

Paylaş