CSS büyük, küçük harf dönüştürme kodu

05 Ocak, 2018
CSS büyük, küçük harf dönüştürme kodu
CSS büyük, küçük harf dönüştürme kodu
Daha önce denk geldiniz mi bilmiyorum ama özellikle yabancı kaynaklardan tema indirip kullananlar muhtemelen bu soruna denk gelmiştir ya da bu konu ile ilgili ufak bir araştırma yapmıştır, büyük küçük harf dönüştürme kodu.

Etiketlerde, yayın başlıklarında, yazılarda, eklentilerde ve istediğiniz her yerde bu basit harf dönüştürme kodlarını kullanabilirsiniz. Peki nedir bu kodlar?
text-transform: capitalize; İlk harfleri büyük yapar.
text-transform: uppercase; Tüm harfleri büyük yapar.
text-transform: lowercase; Tüm harfleri küçük yapar.
Kodlar bu şekilde dostlarım. Kullanımına örnek vermek gerekirse:
.label-size a {
    display: inline-block;
    color: #444;
    padding: 5px;
    text-transform: capitalize;
Kendi blogumdan bu kodları örnek verebilirim. Kategori kısmında yer alan etiketleri küçük harflerle yazmışım. Tüm etiketleri yeniden düzenlemek yerine CSS kısmına;
text-transform: capitalize;
kodunu ekleyince, etiketlerin ilk harfleri büyük oluyor ve sorun çözülmüş oluyor.

Yabancı kaynaklardan indirilen temalarda bazen post başlıklarının hepsi büyük harf olabiliyor ya da etiketler, linkler... Her ne kadar Türkçe ve küçük harflerle yazmayı deneseniz de yukarıdaki text-transform kodu düzeltmeden bu sorunu aşamazsınız. Bu yüzden yukarıdaki kodu bilmekte fayda var.

Konu ile ilgili sorularınız olursa yorum yaparak bildirebilirsiniz.

7 yorum:

  1. Yine harika bir konuya parmak basmışsınız. Teşekkürler...

    YanıtlaSil
  2. Tema kodlarında Uppercase kodu yani yazıları büyük hale getiren kodlar oluyor, eğer o yazıda Türkçe karakterli değilse yazım yanlışlığı oluyor şöyle ki; Örnek veriyorum yazı başlığı 'Bilgi' olsun eğer tema kodlarında başlık bölümünde uppercase kodu varsa yazı başlığı 'BILGI' oluyor bunun gibi örnekler,

    Blogger teması kullanan arkadaşlara tavsiyem tema kodlarının içindeki uppercase kodunu silmelerini tavsiye ederim. Ctrl+F tuşlarını kullanarak uppercase yazan yerleri bulabilirler.

    YanıtlaSil
    Yanıtlar
    1. Kesinlikle, teşekkür ederim.

      Sil
    2. Gökhan Abi tam olarak yazacaklarımı özetlemiş, kesinlikle bu durumdan rahatsız olan birçok kişi vardır diye düşünüyorum.

      Sil
    3. Evet, özellikle Türkçe karakteri desteklememesi rahatsız eder.

      Sil
  3. Bu kodlar benim temamın css kodlarının arasında vardı, ben de ne işe yarıyor acaba diyordum :)
    Paylaşım için teşekkürler

    YanıtlaSil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.