1. "Inline Style Çöpü" Nedir ve Neden Blog Temanızı Bozar?

Microsoft Word, Google Docs veya bir web sayfasından zengin metin kopyalayıp doğrudan WordPress, Blogger veya özel CMS panelinize yapıştırdığınızda görsel editörler metnin arkasındaki gizli HTML etiketlerini de taşır.

Bu görünmez kodlar blogunuzda şu ciddi sorunlara yol açar:

• CSS Önceliğini Ezme (Specificity): Sitenizin temasında h1, h2 veya blockquote için özel renkler, zarif yazı tipleri ve kenar boşlukları tanımlanmış olsa bile; etiketin üzerindeki inline style="..." özellikleri temanızın tüm CSS kurallarını ezer.
• Karanlık Mod (Dark Mode) Çöküşü: Word'den gelen color:#000000; background:#FFFFFF kodları, sitenizi karanlık modda gezen okuyucuların siyah arka plan üzerine siyah yazı veya göz yoran beyaz yamalar görmesine neden olur.
• Mobil Uyumsuzluk: Word'ün tablo veya paragraflara iliştirdiği sabit piksel genişlikleri (width: 680px;) cep telefonlarında sayfanın sağa doğru taşmasına ve taşma kaydırma çubuklarına yol açar.

2. Çözüm: "Stil Yok, Anlam Var" (Semantik Temizlik)

İçeriği temizlerken metni düz yazıya (Notepad) çevirip tüm kalınlıkları ve başlıkları kaybetmek zorunda değilsiniz. Doğru yaklaşım şudur:

1. Etiketi Koru: <h1>, <h2>, <blockquote>, <ul>, <strong> ve <table> etiketleri korunur. Böylece yazının hiyerarşisi bozulmaz.
2. Nitelikleri Sıyır: Etiketin üzerindeki tüm style, class="Mso...", id, font, face ve size nitelikleri silinir.
3. Temaya Teslim Et: Çıplak ve tertemiz kalan <blockquote>Alıntı metni</blockquote>, temanızın kendi CSS dosyasında tanımlanan harika renk ve tırnak işareti stiliyle otomatik olarak mükemmel görünür.

3. Hangi Etiketler Neden Korunmalıdır?

Bu araç metninizi sıradan bir düz yazıya (txt) indirgemez; aşağıdaki anlamsal etiketleri temizleyip koruyarak temanızın CSS tasarım motoruna teslim eder:

• <h1>, <h2>, <h3>: Başlıkların tüm font-size, font-family ve color tanımları silinir. Temanızdaki H1 alt çizgisi veya H2 sol kenar çubuğu neyse birebir o uygulanır.
• <blockquote>: Word'den gelen italik ve kenarlık stilleri temizlenir; temanızın alıntı tasarımı ne kadar şıksa doğrudan o stile bürünür.
• <ul>, <ol>, <li>: Word'ün MsoListParagraph gibi garip liste sınıfları yok edilir; temiz, standart HTML listesi kalır.
• <table>: width="640" veya cellpadding="0" gibi 20 yıl öncesinin HTML nitelikleri silinir, temanızın responsive (mobilde kaydırılabilir) tablo kurallarına teslim edilir.
• <a href="...">: Yalnızca bağlantı hedefi (URL) korunur; Word'ün veya kaynağın atadığı mor/mavi/altı çizili inline renkler temizlenerek temanızın bağlantı rengi aktif edilir.