Blogger'da menü ve başlıklarda Türkçe bir karakter olan büyük i harfinin gözükmemesi sorununun çözümü.
Blogger'da menü ve başlıklarda büyük i harfinin gözükmemesi kişisel blogumda önceleri sıkça karşılaştığım bir sorundu. Son zamanlarda da ziyaret ettiğim birkaç blogda başlık ve menülerde büyük i harfinin gözükmemesi sorunu ile karşılaşınca birçok kişinin daha bu durumdan muzdarip olduğunu düşünerek çözümü için yazma gerekliliği hissettim. Sorunun nedeni ve çözüm yolları için kısaca değineceğim.
Blogger'da Menü ve Başlıklarda Büyük İ Gözükmeme Sorunu
Sorun kısaca şu: Blog içerisinde bulunan menüde, büyük başlıklarda, yayın görsellerinin etrafında ya da üzerinde bulunan etiketlerde veya büyük harf tanımlanmış diğer yerlerde i harfi ı olarak gözüküyor. Örneğin: header kısmındaki bir menüye "KATEGORİLER" yazıp kaydettiğiniz zaman blogunuzda "KATEGORILER" olarak gözükür.
- [message]
- ##link## Öneri Yazı
Peki bu sorun neden olur?
- Blogger kod yapısının dili İngilizce tabanlı olduğu ve İngilizce'de de büyük i harfi olmadığı için.
- Hazır ya da tasarımcılar tarafından tasarlanan temaların bazı bölümlerine (genellikle menü ve başlıklara) CSS ile {text-transform:uppercase} kodu eklendiği için.
- Blogunuz içerisinde kullandığınız font, Türkçe karakterleri içermediği için. (Türkçe karakterli fontlar için yukarıdaki öneri yazıya bakabilirsiniz.)
- İ yerine ı yazdığınız için :)
Sorun ile ilgili genel sebepleri böyle sıralayabilirim. Çözümü için 2 yol biliyorum ve bu yolları açıklayacağım.
Sorunu nasıl çözerim?
Büyük i harfinin gözükmemesi sorununu hem manuel hem de otomatik olarak çözebilirsiniz. Aşağıdaki yollardan birini uygulamak sizin için yeterli olacaktır. İşlemlerden önce kodlarınızın yedeğini almayı unutmayın.
1. yol
Sorunun kaynaklandığı yerin CSS kodlarına Tema > HTML'yi Düzenle kısmından erişin. text-transform: uppercase; kodunu silip kaydederek tek bir yer için manuel olarak sorununuzu çözebilirsiniz. text-transform: uppercase; kodu bulunduğu yerdeki yazıların tüm harflerini (küçük yazsanız dahi) büyük gösterir. Örneğin: Kategoriler yazısı KATEGORILER şeklinde görünür. Sorunun kaynaklandığı yerin CSS içerisindeki yerini bilmiyorsanız mouse ile üzerine gelip Sağ Tık > İncele işlemlerini yapıp görüntüleyebilirsiniz. Aşağıya örnek bir görsel ekliyorum.
Görselden de görüldüğü üzere sorunun kaynaklandığı yer CSS kodları içerisinde ".main-menu ul.menu li a" olarak gözükmektedir. Tema > HTML'yi Düzenle kısmında CTRL+F yapıp aramaya .main-menu ul.menu li a yazıp Enter tuşuna tıklayarak bölümü bulmamız gerek. Ardından hemen yanında {} içerisinde bulunan text-transform: uppercase; yazan yeri silerek sorunu ortadan kaldırabiliriz.
Buna ek olarak; arama bölümüne text-transform:uppercase; yazıp bu kodun tanımlanmış olduğu tüm yerleri görerek tek tek silebilirsiniz.
text-transform: uppercase; kodunu silip kaydettiğiniz zaman yazınız siz nasıl yazdıysanız öyle gözükür. Eğer yazınız tekrar büyük harflerle sorunsuz bir şekilde gözüksün istiyorsanız manuel olarak Caps Lock ile yazmanız gerekmektedir.
Bu yöntem işin biraz dolambaçlı yoluydu. Daha basit bir çözüm için 2. yolu da tercih edebilirsiniz.
2.yol
Blogger arayüzünden Tema > HTML'yi Düzenle seçeneklerine tıklayın. Sayfanın en üst kısmında bulunan <html> ya da <html ... > kodunun içerisine lang="tr" yazıp kaydedin. Böylece sorununuzu kısaca çözebilirsiniz.
Örneğin: <html> olan kod <html lang="tr"> olarak değiştirilmelidir.
- [message]
- ##info## Bilgilendirme
- 2. yolu yazılarınızda ve diğer yerlerde yalnızca Türkçe dilini kullanıyorsanız veya kullanmaya devam edecekseniz tercih etmelisiniz. Eğer yabancı dilde yazılarınız ve bölümleriniz mevcutsa ya da olacaksa 1. yolu tercih edebilirsiniz.
Bazen sinir bozucu boyutlara ulaşan ve takıntı hâline getirebileceğiniz Blogger'da menü ve başlıklarda büyük i harfinin gözükmemesi sorununu nasıl aşabileceğinizi ayrıntılarıyla anlatmaya çalıştım. Dilerim işlemler sonrasında sorununuzu halleder ve rahatlama hissine kapılırsınız.
Çok yararlı bir içerik olmuş çok teşekkür ederim size ��
YanıtlaSilRica ederim, blogunuzun alt menüsünde büyük i harfleri gözükmüyor.
SilFarkettim en kısa sürede düzelteceğim 😊
SilValla ben bu duruma hiç dikkat etmemiştim kardeşim.
YanıtlaSilBunun gibi ufak detaylara dikkat etmeliyiz.
SilGoogle font kullanıyorsa eğer hali hazırda latin-ext özelliği aktif olduğu için konuda bahsettiğin adımları uygulamaya gerek kalmıyor Semih.
YanıtlaSilŞu anda kullanmış olduğum Didact Gothic fontu da latin-ext destekliyor fakat uppercase tanımlandığı zaman (görsel de ekledim) büyük i harfleri gözükmüyor.
SilSenin kullandığın temada başka bir CSS sorunu var muhtemelen CSS iki defa aynı komutla girildi veya aynı stil seçiminde çakışma yapıyor, çünkü latin-ext özelliği bu fontta düzgün çalışıyor. CSS ile uppercase tanımlansa dahi değişen bir şey olmayacaktır. Çünkü buna benzer sorunlarda genelde fon kaynaklı değilde kullanılan temada CSS komutlarının düzenli olmamasından bu gibi sorunlarla karşılaşılıyor. İstersen başka bir temada Didact Gothic fontunu kullan ve uppercase komutu ile deneme yap bahsettiğin sorunun aslında olmadığını göreceksin.
SilMerhabalar, dediğiniz talimatları uyguladım fakat ne yazık ki aynı sorunla karşılaşıyorum. Hem kendi oluşturduğum bir bloga Didact Gothic fontu yükleyip denedim hem de bir temanın demosunda yer alan ve latin-ext destekleyen Poppins yazı fontunda da aynı sonuca ulaştım.
SilEn alttaki Blogger tarafından desteklenmektedir yazısına bakabilirsiniz. https://bloggeriletisimform.blogspot.com/
Fontu şablona bu şekilde dışarıdan çağırarak ekleyerek zaten en başında hata yapıyorsun Semih.
Sil<style>
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');
</style>
Fontu aşağıdaki linke sıkıştırdım. Şablondaki CSS kodlarının arasına ekleyerek aslında olmayan bir sorunu çözebilirsin. Harflerin büyük küçük uyumsuzluğu blogger altyapısıyla alakalı olmayıp, seçilen fontlar ve tam olarak css bilgisi olmadığınan kaynaklanıyor.
https://pastebin.pl/view/354bda82
Yardımınız için teşekkür ederim. CSS'i Google'dan çekmek daha yavaşlatıcı olabilir. Linke tıklayıp direk kodlara ulaşabileceğim aklıma gelmemişti. CSS satırının fazlalığının etki ettiği yavaşlık benim kullandığım şekilden fazla olmaz değil mi? Bu arada şu anda dediğiniz gibi kullanıyorum (her iki temada) fakat ne yazık ki sorun kalkmadı. Kullandığınız temanın demosunda da bahsettiğim sorun var. Acaba html kodlarınızın arasında lang="tr" olduğu için düzgün görüntülüyor olabilir misiniz?
SilEvet dediğin gibi sadece HTML dili TR olması gerekiyor. Uppercase komutu ile sorunun bağlantılı olmadığını söyleyebiliriz.
SilSelam bloğuma yaptığınız ziyatten dolayı teşekkür ederim. Açıkçası blogger açmadan araştırma aşamasında bloğuna denk gelmiştim. Gıptayla baktım .özellikle tasarımını çok beğenmiştim. Açıkçası bu bloğunun yöneticisinin bloğumu ziyaret edeceğini hiç düşünmemiştim :)
YanıtlaSilTeşekkür ederim.
Yaptığınız yorumda uygulama adını istemişsiniz adı: medibangpaint
Selamlar, rica ederim. Tasarımda ekstra bir şey yok aslında. Hazır aldığım bir temaya biraz düzenleme yaptım. Her zaman yeni bloglar keşfetmeyi severim, blogunuz da hoşuma gitti. Uygulama önerisi için teşekkür ederim. Kısa zamanda deneyeceğim.
SilBende dikkat etmemiştim meğerse aynı sorun bende de var mış.
Sil2. yolu denedim bir dakikamı almadı valla. hemen oldu teşekkür ederim
Rica ederim. Fakat yazılar şu anda düzgün görüntülenmiyor.
SilEmeğine sağlık, ücretsiz olarak paylaşılan birçok Blogger temalarında uppercase kodu ekli. Bilmeyenler için mutlaka fayda sağlayacaktır.
YanıtlaSilYorumunuz için teşekkür ederim. Dediğiniz gibi birçok temanın bazı bölümlerinde yazılara uppercase kodu tanımlanıyor. Düzgün gözükmemesi sinir bozucu olabilir :D
SilHocam merhaba nasılsınız hocam yazı içerisinde "Öneri Yazı" yazmışsınız onu nasıl yaptınız bizimle paylaşabilir misiniz?
YanıtlaSilMerhabalar, o tema içerisinde yer alan bir tablo aslında. Ben de gördüğünüz şekilde "Öneri Yazı" bölümü oluşturabileceğimi düşündüm.
SilMerhaba güzel bir konu olmuş. Ben Google fonts kullandığım için Tüm hepsi normal görünüyor. Canım sıkıldıkça yazı sitili değiştiriyorum :D
YanıtlaSilHeader'a uppercase tanımlarsanız bahsettiğim şeyle karşılaşacaksınız. Aslında daimi bir font olması daha akılda kalıcı olabilir. Takipçiler o fontu gördüğünde akıllarda bu şekilde iz bırakılabilir. Çok kurcalamamak lazım :D
SilHaklısın en iyisi kurcalamayalım :D
SilMerhaba, ben ikinci yöntemi uygulamak istedim ama bende öyle bir kod çıkmıyor.
YanıtlaSil<html b:version='2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
Bende böyle bir kod var. ne yapmam gerek sizce ?