WordPress Temalarda Türkçe Karakter Sorunu

WordPress temalarında farklı fontlar kullanmanın birkaç değişik yöntemi var.
Font bilgilerini Google fonttan, Cufon fonttan ya da temanın içindeki dosyalardan çektirebilirsiniz. Ben bu üç yöntem için de Türkçe karakter sorununu çözmeyi anlatacağım.

Tema içindeki dosyalardan çektirme

Benim temam kendi içindeki font dosyalarından bilgileri çekiyor. Bu dosyaları font sitelerinden indirdiğiniz Türkçe karakterleri bulunduran ‘Webfont Kit’ler ile değiştirebilirsiniz. Ben Font Squirrel sitesini kullanıyorum. Oradaki fontların lisans problemi olmuyor. Eğer bu sitede fontunuzu bulamazsanız içinde fontların ‘Webfont Kit’ halini de bulunduran başka bir siteden de indirebilirsiniz. Ama bulduğunuz yeni fontun Türkçe karakterleri desteklediğinden emin olunuz.

Fontunuzun sayfasını açtıktan sonra ‘Webfont Kit’ sekmesine girin.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/webfont_1.png”]webfont_1[/lightbox]

‘Choose a Subset’ kısmından ‘Turkish’i seçin.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/webfont_2.png”]webfont_2[/lightbox]

‘Choose Font Formats’ta hepsinin seçili kalmasını öneririm. Çünkü hepsi farklı bir cihazda fontun düzgün gösterilmesini sağlıyor. ‘Download @font-face Kit’e tıklayarak font paketini indirin. İndirdiğiniz font dosyalarıyla temanızdaki dosyaların yerini değiştirin. İşlemimiz tamam.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/webfont_3.png”]webfont_3[/lightbox]

İnternet tarayıcıları önbelleğinde sitelerin bilgilerini bir süre tuttuğu için sitenizdeki değişimi hemen göremiyebilirsiniz. Eğer ‘Shift’ tuşuna basarak sayfanızı yenilerseniz önbellek temizlenerek siteniz açılır. Değişimi anında görme imkanınız olur.

Google Fonts

Bu linkten Google Fonts sayfasına ulaşabilirsiniz. Fontların Türkçe karakter desteğini kontrol etmek için ‘Preview Text’ kısmına farklı olan Türkçe karakteleri yazınız. 
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/googlefonts_1.png”]
googlefonts_1[/lightbox]

Hepsini yazdığınızdan emin olun, çünkü bazı fontlar bazı Türkçe karakterleri desteklerken diğerlerini desteklemiyor.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/googlefonts_2.png”]
googlefonts_2[/lightbox]

Belirlediğimiz fontun sağ alt köşesindeki ‘Add to Collection’ butonuna tıklıyoruz.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/googlefonts_3.png”]googlefonts_3[/lightbox]

Sayfamızın alt kısmında bir alan beliriyor. Buradan fontu kullanmak için ‘Use’ butonuna basıyoruz.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/googlefonts_4.png”]googlefonts_4[/lightbox]

Açılan sayfada birazcık aşağıya iniyoruz. İkinci basamaktaki ‘Latin Extend’in başına tik atıyoruz. Çünkü ş,ç,ğ gibi harflar normal Latin harf serinsinde bulunmuyor.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/googlefonts_5.png”]googlefonts_5[/lightbox]

Ve son basağımıza geldik. Eğer eskiden kullandığımız fontu güncelliyorsan üçüncü adımdaki kodu sitemizdeki Google fonts kodu dile değiştiriyoruz. Bu kod sitemizde genelde <head> etiketinin içinde bulunuyor. Ama değiştirmeyip de yeni bir font ekliyorsak <head> etiketinin içine direk yapıştırabiliriz.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/googlefonts_6.png”]googlefonts_6[/lightbox]

Dördüncü adımdaki kodu CSS kodlarımıza ekleyerek istediğimiz yerde kullanabilir. Google fonts kısmı da bu kadar. Şimdi de ‘Cufon Fonts’ kısmına bir göz atalım.

Cufon Fonts

‘Cufon Fonts’ sitesinin Türkçe dil desteği bulunmaktadır. Bu yüzden bu adımda daha edebilirsiniz.

Arama kısmından sitenizde kullanılan fontu bulabilirsiniz.

Fontu bulduktan sonra font sayfasındaki ‘Generate Cufon Fonts’ butonuna tıklıyoruz. Bu bizi sayfanın aşağısına yönlendiriyor.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/cufon_1.png”]
cufon_1[/lightbox]

‘Karakter setinizi seçin’ başlığı altından ‘Turkish’ setinin başındaki kutucuğu işaretleyin. Eğer burada ‘Turkish’ seçeneği yoksa maalesef bu seçtiğiniz fontun Türkçe karakter desteğinin olmadığı anlamına geliyor. Başka bir font kullanmayı deneyin.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/cufon_2.png”]cufon_2[/lightbox]

Karakter setlerinin altında ‘Lisans’ kısmı var. Buradan ‘Ben tüm yasal sorumluluğu kabul ediyorum’ seçeneğini seçiyoruz.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/cufon_3.png”]
cufon_3[/lightbox]

Cufon fonts kısmında da son adıma geldik. Burada bulunan Javascript kodu temanızda bulunan kod ile değiştiriyosunuz ve indirdiğiniz dosyadaki .js uzantılı dosyayı da tema klasörünüzdeki ile değiştiriyorsunuz.
[lightbox full=”http://www.enescakir.com/wp-content/uploads/2014/07/cufon_4.png”]cufon_4[/lightbox]

Umarım yardımcı olabilmişimdir.

 

7 Yorum WordPress Temalarda Türkçe Karakter Sorunu

  1. Eskişehir Çilingir

    WordPress temaları hakkında verdiğiniz değerli paylaşımınız benim gibi diğer ihtiyaç sahiplerinin de işine çok yarayacaktır umuyorum. Güzel bir paylaşım olmuş hocam elinize sağlık teşekkürler.

    Reply
  2. Zeliha Canderengül

    benim websitemin sadece ana sayfasında türkçe karakter sorunu var ı harfi yerine soru işareti çıkıyor ne yapabilirim.. yardımcı olabilirmisiniz. http://www.evdenevenakliyatcom.com ana sayfadaki nakliyat haberleri bölümünde son eklenen 4 haber gösteriliyor bu alanda sorun var. ben o alanla ilgili php dosyalarını bomsuz utf8 ile düzeltmeme rağmen sorun değişmiyor. Ama iç sayfalarda ı harfi düzgün çıkıyor. yardımcı olun lütfen.

    Reply

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir