Wordpress Tema Türkçeleştirmek

Yazan: mahşer | 08 Ekim 2008 | Kategoriler: Web, İnternet
Etiketler: wordpress, wp, wp tema türkçeleştirmek, wp türkçe tema

merhaba. öncelikle wordpress gibi bir sistemin varlığı aslında bir nimettir. Günlük yazarları için gerek eklentileriyle ve gerek seo harikası olmasıyla oldukça kullanışlıdır. Sistemin son sürümü olan 2.6 piyasaya sürüldü. Bu sürümü rahatlıkla türkçe olarak kullanabiliyoruz. Eklentileride çaba sarf ederek türkçeleştiren oldukça blog yazarı var. O yüzden bu konularda pek sıkıntımız yok.
Tema işi biraz insan zevkine ve hitap edecek kullanıcıya yönelik olduğundan oldukça değişik kombinasyonlar istenebiliyor. Beğendiğimiz bir temayı istek üzerine türkçeleştiren blogçular ve forumlar var. Ama illa ben değiştirmek ve öğrenmek istiyorum diyorsanız biraz bahsetmek istiyorum.

Öncelikle tema bulacağınız bir kaç site vermek istiyorum.

Wordpress 2.5 Uyumlu Temalar Listesi
Wordpress 2.6 Uyumlu Temalar Listesi
http://www.wpthemesfree.com/
http://www.skinpress.com/
http://themes.wordpress.net/
http://www.smashingmagazine.com/

Tema seçerken bakmanız gereken ilk özelik kaç sutun kullanmak istediğinizdir. Bloğunuzun ihtiyacına göre bunu belirleyebilirsiniz. Ben 3 sütünlü bir tema kullanıyorum. Bunun nedeni site açıldığından ulaşılmak istenen tüm menülerin ilk bakışta bulunabilmesi ve herşeyin karmaşaya gitmeden sıralanabilmesi. Bir sütununda kullanıcı girişi ve kullanıcıyı bilgilendirecek tanımlamalar varken diğerindede ana menü ve diğer linkleri koyabilirsiniz. 2 sütünlu temada kullanabilirsiniz sadelik ve genişlik istiyorsanız.
Şimdi gelelim bir tema beğendikten sonra nasıl tükçeleştireceğimize.

Temamızı indirdikten sonra zip li dosyadan çıkarıyoruz. açılan klasörde temamızın resimlerinin bulunduğu img klasörü, biçimlendirme dosyası olan .css dosyamız ve temada görünecek olan diğer sayfalar index.php,header.php……. mevcuttur.
.php uzantılı dosyalarımız temamızın neresinde ne görüneceğiyle ilgili tanımlamaları içerir. Şöyle bir resimde göstermek istersek;

Burada genel olarak bu dosyaların nerede bulunduğunu göstermek istedim.Eğer temanız 3 sütunluyla right-sidebar.php gibi bir php dosyamız daha olur. Bu resim 2 sütunlu bir tema için gösterilmiştir.Şimdi bunların ne işe yaradığına tek tek değinelim;

index.php(ana sayfa): Bu dosyamız sitemizi ilk açtığımızda karşılaştığımız görüntüyü içerir. Son yazığımız yazıların göründüğü anasayfamızdır.
header.php(üst kısım):Bu dosyamız logomuzun, bannerimizin ve genelde arama motorunun bulunduğu üst kısmı temsil eder. Genelde Bu bölümde açtığımız sayfaların linkleride tanımlanır.örneğin hakkımda sayfası gibi.
footer.php(alt kısım):Bu dosyamız temamızın en alttaki açıklayıcı kısmını oluşturur. Buraya temaya göre çok şey tanımlanabilir. Sistem içeriğimiz, sitemizin bazı bilgileri ve notlar veya diper göstermek istediğimiz (son yorumlar, okuduklarım, son yazılar…) fonksiyonları içerir.
page.php(sayfa dosyası):Sayfa dediğimiz örneğin hakkımda sayfası gibi bilgileri ekrana getirir.
archive.php(arşiv sayfası): Wordpressin bir özelliği olan aylara göre arçiv tutmadır. Bu arşivlerin gösterilme işini bu dosyamız üstlenmiştir.
comment.php(yorum dosyası):Burada bulacağımız şey yorum formlarının olduğu ve yorumları ekrana getirecek dosyadır.
searchform.php(arama fonksiyonu0): Bu dosyamızda aramafonksiyonu ve onun görünümü hakkında bilgi içerir.
sidebar.php(yan taraf): Aslında bu en çok kurcaladığımız bölümdür. Çünkü eklediğimiz eklentinin sonucu olarak sitede gösterilmesini istediğimiz yer burasıdır ve en çok kod ekleyip çıkardığımız bölümdür.Burada eğerki 3 sütunlu bir tema kullanıyorsak rsidebar.php gibi bir dosya daha olur.Bu dosyada diğer yan tarafı oluşturur yani 3. sütunu.
single.php(yazımızın dosyası): Yazdığımız bir yazıya tıklandığında yazımızın tamamı açılır. işte yazımızın gösterildiği dosya burasıdır.
Dosyalarımız bu şekilde. Şimdide bu dosyalarımızın içerisine bir göz atalım ve bir kaç ipucu verelim.
php dinamik web sayfası oluşturmada kullanılan bir dildir. Temamızı türkçeleştirirken <> taglara ve php fonksiyonlarına (<?php ?> şu şekilde olan taglara)

dokunmamaya dikkat edin. Yoksa temamız çalışmaz hale gelir.
Dosyalarımızı tanıdık şimdide tema yüklemeyi gösterelim ve editlemek için seçenekleri sunalım.
Zip ten çıkardığımız klasörümüzü FTP türü bir programla (örneğin ben fillezilla kullanıyorum ücretsizdir ve hızlıdır) dizinimiz/wp-content/themes in içine yolluyoruz. Daha sonra sitemize admin girişi yaparak GÖRÜNÜM veya TASARIM (burası wp sürümüne göre değişiyor) bölümünden aktif hale getiriyoruz. Buraya kadar sorun yok sanırım şimdi sıra geldi kelimeleri türkçe hale getirmeye.
Temayı tükçeleştirmek için 3 seçeneğimiz var.
1.si .mo uzantılı dil dosyası oluşturmak. Bu aslında bir temada mevcutsa onu değiştirerek yapabiliriz.Ama eğer yoksa XML bilgisine ihtiyacınız var.Biz diğer daha kolay yolları seçelim
2.si .php ve .css dosyalarımızı bir editör(notepad++ öneririm görsel ve içerik olarak zengindir) yardımıyla açıp tek tek kelimeleri türkçeleştirmek ve daha sonra FTP programıyla temamızın olduğu klasöre yollamak. Bu biraz daha az uğraştırsada türkçe harf hatalarına neden olabilir.O yüzden benim tavsiye edeceğim 3.seçenektir.Ama yinede bu yolla yapmak istiyorsanız Bir kaç ipucu;
eğer türkçe karakter sorunu yaşarsanız türkçe karakterlerin ANSI daki kodunu yazmanız gerekecek şu şekilde;
ı ı
ÄŸ ğ
ü ü
ÅŸ ş
ö ö
ç ç
Bu kodları türkçe karakterlerin yerine yazıp dosyamızı öyle gönderelim. notepad++ la Açtığımız dosyayı Kısa yol olarak ctrl + f kombinasyonuylada bu karakterleri değiştirebiliriz. Bu kısayol da hepsini değiştir bölümünden yorulmadan ekleyebiliriz.
3.seçenek Tema Editörünü kullanmaktır. Tema editörü temamızı aktif ettiğimiz görünüm bölümünde mevcuttur.Buranın avantaşı türkçe karakterlerle uğraşmamamızdır ve dosyamızı ek bir proglamla tekrar upload etmeye uğraşmamamızdır. Editlemek istediğimiz dosyalar sağda zaten mevcuttur.Dosyayı güncelle dediğimizde zaten editlediğimiz dosya kendiliğinden değiştirilir.Ben bu editleme tekniğini öneririm.
eğerki değiştirmemiz gereken bir resim dosyasıysa o zaman temanın klasörünün içindeki img klasöründen değiştirmek istediğimiz resmi alıp bir resim düzenleme programıyla değiştirip sonra tekrar upload etmemiz gerekir.
Bir diğer ipucu .css dosyasını kullanmaktır. Örneğin;
index.php de editleme yaparken
<div class=”wp-pagenavi2″><?php next_posts_link(’geri’) ?><?php previous_posts_link(’ileri’) ?></div>
şöyle bir kodla karşılaştık ve biçim olarak (renk büyüklük) değiştirmek istedik.O zaman <div class=”wp-pagenavi2″> tagının içindeki “wp-pagenavi2″ tanımlamasını style.css dosyasında arayıp buluyoruz. Daha sonra değişikilik yapıyoruz( Burada biraz css bilgisi gerekli).
Şimdi değiştirebileceğimiz cümleleri verelim.Bu cümleleri çok güzel biçimde wordpress-tr ekibi vermiş bende burda vermek istiyorum. Orjinalini bu linkten indirebilirsiniz.Biraz düzenleyip renklendirdim buradan bakabilirsiniz.
veya isterseniz txt dosyası olarak alabilirsiniz.

umarım işinize yarar.

Anket