Wordpress Temaları konusunda her zaman büyük bir arayış vardır. Vakti zamanında benim de düştüğüm bu arayışlarda yardımcım olan birkaç site dışında pek bir alternatif yoktu. Ancak son zamanlarda herkes sevdiği ve beğendiği Wordpress temalarını bir derleme şeklinde yayınlayarak hem insanlara yeni temaların varlığını gösteriyor hem de bu alanda karar verememiş olan kişilere yardımcı oluyor. Bu yazımın birinci bölümünde ben internette karşılaştığım ve güzel bulduğum derleme yazılara linkler verip kısa bilgilendirme yazıları yazacağım. İkinci bölümde ise kendi beğenmiş olduğum Wordpress Temalarını kendim derleyip (Türkçe kaynaklarının da olmasına dikkat ederek) sizlere sunacağım. Şimdi dilerseniz yazımın birinci bölümünde derlemiş olduğum Wordpress tema kaynak gönderilerine bakalım.

SmashingMagazine: Smashin’ Magazine.com dünyada birçok kişinin takip ettiği web sitelerinden biri. Bende her zaman takip ediyorum. Bu site güzel ve ilham alınası Wordpress temalarını yayınlıyor.

83 Wordpress Teması
21 Güzel Wordpress Teması
10 Güzel Wordpress Teması
8 Taze Wordpress Teması

Clazh.com: Wordpress temaları konusunda derleme gönderiler yazan başka bir kaynak. Gerçekten güzel temalara yer verilmiş. Bu gönderileri 3 bölüm halinde görmek mümkün.

En İyi ve Ücretsiz Wordpress Temaları Parti 1
Ücretsiz Wordpress Temaları Parti 2
Ücretsiz Wordpress Temaları 3

SilentBits.com: Yine elimden geldiğince takip ettiğim ve yorum bıraktığım bir site. En iyi Wordpress temaları konusunda eski ama iyi bir derleme bölümü mevcut.

En İyi Wordpress Temaları Bölüm 1
En İyi Wordpress Temaları Bölüm 2

HongKiat.com: Tüm zamanların en çok indirilen ve kullanılan 49 Wordpress Temasını listelemiş. Buradan ulaşabilirsiniz.

DoshDosh.com: Adsense optimizesi yapılmış 18 Wordpress teması listelenmiş. Buradan ulaşabilirsiniz.

PlainTxt.org: Kendi yapımları olan “minimalistik” tür Wordpress Temalarını listelemişler.

Fahlstad.se: Benim de sitemin altyapısını oluşturduğum fSpring temasının yapımcısı olan siteden güzel wordpress temaları. Liste için lütfen buraya bakın.

Şimdilik aklıma gelen tema kaynakları bunlar. Tabi bu yollamış olduğum gönderi de Türkçe kaynaklar yok. Bir sonraki yazımda inşallah Türkçe tema kaynakları ve düzenlemeleri de derleme halinde sizlere sunacağım.

GÜNCELLEME (11 Temmuz 2007)

ThemePorter.com: Güzel Wordpress tema çalışmaları olan bir site. Temalarla ilgili gönderileri okuyup aynı zamanda site üzerinde test edebiliyorsunuz. Sitenin anasayfasına ulaşmak için buraya tıklayınız.

Kaushalsheth.com: Birbirinden güzel Wordpress tema çalışmaları sunan başka bir site. Sitenin temalarla ilgili ayrı bir bölümü bulunuyor ve site üzerinden temalar test edilebiliyor. Şu anda site üzerinde 52 Wordpress teması bulunmakta. Tema sayfasına ulaşmak için lütfen buraya tıklayınız.

Uzun süredir sınavlar ve finaller dolayısıyla gündemi takip edemiyorum. Fakat Erhan kardeşim yine yaptı yapacağını. Volkank.com‘da yazmış olduğum bir yazıma yaptığı yorumunda Okuyorum eklentisinden bahsetti. Okuyorum eklentisi basit bir mantıkla sizin okuduğunuz kitapları sidebar üzerinde gösteriyor. Bunu yaparken Amazon.com üzerinden okuduğunuz kitabın ISBN bilgisini alıyor ve resimle beraber blogunuzda gösteriyor. Dilerseniz okuduğunuz kitabı kendiniz de manuel olarak ekleyebiliyorsunuz. Sürekli kitap okuyan ve bunu blogunda ziyaretçileriyle paylaşmak isteyenler için çok güzel bir eklenti. Eklentiyi Türkçe’ye çeviren Umut Doğan‘a da ayrıca teşekkür etmemiz gerekir. Eklentiyle ilgili detaylı bilgileri hem Umut Doğan’ın kişisel blogunda hem de WpDestek.com üzerinde görebilirsiniz.

Merhabalar, uzun süredir t-infection.com’a teknik detaylı yazılar yazamıyorum. Bu eksikliğimi lütfen mazur görün, sene sonunun gelmesi ve final sınavlarının vermiş olduğu stres ile t’infection.com’la fazla ilgilenemedim. Ancak sınav döneminin bitmesine bir hafta kala aklımda olan ve unutmadan yazmayı planladığım bu yazı ile karşınızdayım. Umarım sizler için faydalı olur.

Wordpress’te hepimizin vakti zamanında çokça sorular sorduğu, üzerinde uzun süre düşündüğü “Tema Türkçeleştirme” konusundan bahsetmek istiyorum. Tema Türkçeleştirme aslında sanıldığı kadar zor bir işlem değildir. Herbirimiz şu anda mevcut İngilizce bilgimizle Tema Çevirisi yapabilir ve Türkçe Wordpress Temalarının çoğalması adına bir katkıda bulunabiliriz. Tabi her işte olduğu gibi bu işte de dikkat edilmesi gereken bazı hususlar var. Ben sizlere kısaca bu hususlardan ve nasıl bir temanın çevirisini yaptığımdan (biraz teknik detaya inerek) bahsedeceğim.

Öncelikle Wordpress Temasını çevirmek için elimizde iyi bir Metin Editörü olması gerekiyor. Bu ihtiyacımızın neden olduğu sorusuna gelince, Wordpress’te temalar her zaman ANSI koduyla kodlanarak gelir. Bu kod standardı Türkçemizdeki karakter birimlerini karşılamadığından dolayı bir metin editörü vasıtasıyla bu kodun UTF-8 yapılması gereklidir. UTF-8 birimiyle kodlanan temalarda da bazı problemler olmasına karşın Türkçe kelimeleri ve harfleri kullanabiliriz.

Birkaç Faydalı Program isimli yazımda bahsettiğim üzere ben bu tarz çeviri işlemleri için her zaman Notepad++‘ı kullanırım. Bu editörü uzun süredir kullanmam hasebiyle üzerinde çok hakim olduğum bir metin editörüdür. Notepad++ sayesinde yukarıda bahsettiğim kodlama olayını bir çırpıda halledebilirsiniz. Programı indirmek ve son sürümlerini kontrol etmek için lütfen buraya tıklayınız. (Tabi değişik alternatifleri olan bir program, özellikle Burhan kardeşimin şuradaki tavsiyesi de görülmeye değer.) Şayet bu işi halletmek için bir editör program kurmak istemiyorsanız Dreamweaver serisi programlar ile de bu bahsettiğim kodlama işlemini halledebilirsiniz. Tanıdığım birçok kişi tema çevirilerini Dreamweaver ile yapıyorlar ancak ben daha hiç Dreamweaver ile tema çevirisi denemedim. Bildiğim yoldan gitmek ve sonuca kısa zamanda ulaşmak hoşuma gidiyor sanırım. :)

Konuyu dağıtmadan devam edelim. Notepad++ programımızı başarıyla kurduktan sonra herhangi bir Wordpress Temasını bu dosya ile açalım. Öncelik olması ve sonucu çabuk görmemiz açısından ben fSpring temasını ve bu temanın index.php dosyasını tercih ettim. Index.php dosyasını programda açtıktan sonra hiçbir çeviri yapmadan yukarıdaki menüden DÜZENLE >> UTF-8′de KODLA seçeneğini tıklıyoruz. Böylelikle bahsettiğim kodlama işlemi hallolmuş oluyor. Artık tema çevirimizi yaparken rahatlıkla Türkçe karakterleri kullanabiliriz. Hemen aynı index.php dosyasının 16. satırında yer alan “Read more” yazısını silerek “Devam veya yazının devamını okuyun” şeklinde bir çevirme yapıyoruz. Bunu yaptıktan sonra hemen dosyayı kaydedip şayet bilgisayarınızda kurulu bir sunucu varsa hemen denemesini yapabilirsiniz. Yoksa da kendi hostunuza bu dosyayı atarak değişikliği görebilirsiniz.

Gördüğünüz üzere tema çevirisi yapmak bu kadar kolay. Yazımın başında bahsettiğim gibi fazla detaylı olmayan bir İngilizce bilgisiyle sevdiğiniz bir temayı kolaylıkla çevirebilir ve bunu sitenizde yayınlayabilirsiniz. Bu sayede temanızın istediğiniz bölümlerine kendi istediğiniz kodları da ekleyebilir ve Türkçe karakter kullanma sıkıntısı olmadan sayfalarınızda dilediğiniz kadar alan oluşturabilirsiniz.

ÇEVİRİ YAPTIM AMA TEMAM BOZULDU!
Evet sıklıkla karşılaşacağınız sinir bozucu durumlardan birisi de budur. Temanın bir yerini düzelttiğiniz ve önizleme aldığınız zaman temanın yapısının bozulmuş olduğunu görürsünüz. Bunun birçok sebebi olabilir ancak karşılaşabileceğiniz en büyük sebep o temanın Utf-8 karakter kodlamasında oluşabilecek bir problem veya yaptığınız çevirinin uzunluğu olabilir. Birçok tema çevirisinde ortada hiçbir sebep yokken sadece karakter kodlaması ile tema yapılarının bozulabildiğini gördüm. Bu durumun üstesinden gelebilmek için mevzu bahis temaların karakter kodlamasıyla hiç oynamadan ASCII karakter kodlarını kullanarak Türkçe karakterleri eklemeniz bir çözüm yolu olabilir. Yani Türkçemizde çok kullanılan, Ç, İ, Ş, Ü, Ö, Ğ gibi karakterlerin Ascii kodlarını bularak temanıza ekleyebilirsiniz. Bu yol çok zahmetli ve emek isteyen bir yoldur. Çünkü kullanmak istediğiniz her Türkçe karakterde bu kodu yazarak sayfanıza eklemek zorundasınız.

Bahsettiğim karakter durumları nedeniyle her zaman temanızın bir sayfasının çevirisini bitirdikten sonra tarayıcınızda kontrol edin. Size şunu önerebilirim ki her zaman çevirilerinizi “İNTERNET EXPLORER İLE KONTROL EDİN”. Unutmayın ki hala internette büyük bir çoğunluk İE kullanıyor ve bu çoğunluk sitenizi ziyaret eden çoğunluğa doğru orantılı oluyor. Birde ikinci bir sebep olarak Firefox tarayıcının hiçbir problem çıkarmadan Türkçeleştirdiğiniz temaları göstermesi ve yaptığnız şeyin dosdoğru sonucunu vermesidir. Firefox tarayıcıyı sevmemin nedenlerinden birisi de bu sanırım. Yapılan işin sonucunu doğru ve zamanında size vermesi. İnternet Explorer’da ise W3C uyum sorunları ve tema yapısının bozulması gibi durumlara da şimdiden hazırlıklı olmanızı tavsiye ediyorum.

Bu durumun da önüne geçebilmek için kendi bilgisayarınızda WampServer, PhpTriad, EasyPHP gibi local sunucular kurarak Php ve Mysql ortamını (gerek Windows gerekse de Linux türevi bilgisayarlar üzerinde) bilgisayarınızda çalıştırabilmenizdir. Böylelikle tema çevirisi sırasında yaşanacak sorunları dosyaları hostunuza atmadan görebilirsiniz.

ÇEVİRİMİ YAPTIM, ŞİMDİ BU TEMAYA FARKLI BİR İSİM VEREBİLİR MİYİM?
Elbette yaptığınız tema çevirisine farklı bir isim verebilirsiniz. Bunu yapmak için öncelikle temanızın bulunduğu klasör ismini değiştirin. Daha sonra temanızın style.css dosyasını açarak kodlama başlamadan en üstte yer alan tema ismi ve geliştirici isimleri gibi alanları değiştirin. Bu alanlardaki değişiklik Wordpress Yönetim panelinde Görünüm sekmesinde temanın tanımlayıcı bilgilerini size gösterecektir. Dilerseniz ve şayet varsa tema klasörünüzdeki screenshot.png isimli resim dosyasını (bu dosya temanızın önizleme resmini gösterir ve temanızı Görünüm alanında tanımanıza yardımcı olur) kendi istediğiniz resimle değiştirebilirsiniz. Bunu yapabilmek için aynı isimli ve aynı boyutlu (600*450px) bir resmi tema klasörünüze koymanız yeterli olacaktır.

Çevirisini yaptığım temalarda her zaman tema adının sonuna “-tr” uzantısı koyuyorum. Tema isimlerini böyle vererek insanların bu temanın Türkçe olduğunu anlayabileceğini düşünüyorum.

TEMANIN COPYRIGHT BİLGİLERİ?
Temaların genellikle footer.php içinde yer alan geliştirici ve kodlayıcı bilgilerini silmek kişilerin vicdanına kalmış bir durumdur. Bu durum için benim bir yargıya varmam doğru olmaz, ancak yapmış olduğum tema çevirilerini gördüyseniz, her zaman geliştirici ismini ve sayfasını olduğu gibi bırakır sonuna kendi sitemin ismini ve linkini yazarım. Bu hiyerarşiye uymak her zaman hoşuma gider. Çünkü temayı yapan kişi zaten büyük bir emek sonucu o temayı ortaya çıkarıyor ve gelişmesini izlemek için internet üzerinde kendi isminin ve temasının geçtiği yerleri görmek istiyor. Bu hakka saygı duymak adına ben tema geliştiricilerinin adını ve copyright bilgilerini hiçbir zaman silmem. Fakat siz bu konuda istediğiniz gibi davranabilirsiniz. Şayet yaptığınız site kişisel ve ticari olmayan bir siteyse bu tarz copyright bilgilerinin çok önemli olmadığını düşünüyorum.

TEMANIN BAZI BÖLÜMLERİNİ DEĞİŞTİRSEM?
Şayet yapmak istediğiniz şey Wordpress Türkiye topraklarına Türkçe bir tema katmak ise temanın Türkçeleştirme dışında hiçbiryerinde değişikliğe gitmeyin. Bu sayede insanlar o temanın Türkçesini kullanmanın zevkine varsınlar. Ancak bu temayı kendiniz için geliştiriyor ve kendi sitenizde kullanıp dağıtımını yapmayacaksanız o zaman temanın gerek index, style, page, footer dosyaları gerekse de resim dosyaları üzerinde istediğiniz değişikliği yapabilirsiniz. Bu temalarının çoğunun GPL lisansıyla dağıtıldığını ve ticari olmayan her türlü değişime açık olduğunu belirtmemde fayda var.

Umarım sizler için yararlı bir makale olmuştur. Her ne kadar soru cevap şeklinde bir sunum gibi de olsa düşündüklerimi ve yapmak istediğim şeyi yazmak adına beni mutlu etti. Bir başka yazıda görüşmek dileğiyle…

Bundan bir ay kadar önce Wordpress Türkiye Forumları‘nda gönderilerin açılıp kapanmasıyla ilgili bir forum oluşturulmuştu. Birçok kullanıcı güzel tavsiyelerde bulundu. İşte o tavsiyelerden birinde bu güzel eklentiyle karşılaştım. Eklentimizin temel mantığı belirlediğimiz alanlardaki yazıları gizlemek ve tek tuşla ziyaretçimize yazımızın geri kalanını göstermek. Oldukça faydalı bulduğum bu eklentiyi, uzun yazılarımda ve bol resimli, anlatımlı makalelerimde sıkça kullanacağım. Eklentinin kurulumu ve kullanımı oldukça basit. Buradan eklentinin son versiyonunu indirin ve Wordpress’in eklenti dizinine atın. Eklentiyi aktifleştirdikten sonra gönderilerinizi yazarken

<spoiler>yazımızın devamı</spoiler>

gibi bir kod kullanarak eklentimizi hayata geçirebiliriz. Eklentiyi indirdikten sonra enhanced-ss.php dosyasını eklenti dizine atmadan önce bir metin editöründe açarak 72. satırdaki Show ve 73. satırdaki Hide yazılarını kendinize göre değiştirebilirsiniz. (Not: Türkçe karakter kullanabilirsiniz.) Uzun yazılarda ve ziyaretçinin yorum alanına gideceğini düşünmediğiniz, sadece okunmak için gönderilen uzun bildirilerde işe yarayacağını düşünüyorum. (Eklentinin çalışan halini görmek için bir aşağıdaki yazıya bakmanız yeterli)

Birkaç forum sitesinde ve çokça da Wordpress.org forumlarında kullanıcıların sürekli “Cssremix benzeri Wordpress temalarını” nasıl oluşturabileceklerine dair sorular görüyordum. Aslına bakılırsa çokta ilgimi çekmiyordu çünkü benim herhangi bir galeri görünümlü Wordpress temasıyla veya bu yöndeki bir blog temasıyla işim olmuyordu. Ancak son hazırladığım projede haliyle böyle bir temaya ihtiyaç duydum. (Bu projenin detaylarından ilerideki günlerde bahsedeceğim) Böylelikle aramaya koyuldum. Bu tarz bir temanın nasıl oluşturulabileceği ve yayınlanacağı ilgimi çekmeye başladı birden. Bir forum yazısında kullanıcının basit bir iki Css kodu yazdığını ve işlemi böyle yapabileceğini söylediğini gördüğümde kafamın üstünde “lambalar” yanmaya başladı. Tabi ya! Css ve Xhtml ile bu iş halledilebilir. Çünkü zaten Loop özelliği temada hali hazırda devrede olan birşey. Onun haricinde fazladan bir döngü oluşturmaya gerek yok! Bu işi local bilgisayarda denedim ve çokta zahmetli bir süreç geçirmeden istediğime ulaştım. Bilginin paylaştıkça çoğaldığını düşünen bir insan olarak teknik detayları ve kod açıklamalarıyla birlikte şimdi biraz yaptığımız işi anlatalım.
Gönderinin Devamını Okuyun…

Wordpress sitelerde çokça kullandığımız Share This eklentisi birçok sosyal imleme sitesine bağlantılar vererek gönderilerimizi eklememizi sağlıyor. Bu yazımda ben sizlere Share This eklentisine nasıl Oyyla.com bağlantısı verebileceğinizi ve bunu eklenti üzerinde nasıl gösterebileceğinizi anlatacağım.

Öncelikle eklentinin Türkçe versiyonunu Wordpress Türkiye sayfalarımızdan indirin. Daha sonra eklenti dizini içindeki share-this.php dosyasını bir metin editörü ile açın. Burada 45. satırdan itibaren eklentinin bağlantı için kullandığı sosyal imleme sitelerinin atıfları başlıyor. (herbirine bir array atanarak bunlar bir diziye sokuluyor ve eklenti bu diziyi bizlere gösteriyor) $social_sites = array( ile başlayan alanın altında bu tanımların yapıldığını göreceksiniz. Daha sonra bu bölüm altına şu kodu ekleyin.

‘oyyla’ => array(
‘name’ => ‘Oyyla!’
,’url’ => ‘http://www.oyyla.com/gonder?url={url}’
)

eklemiş olduğunuz bu kod ile eklentinin içinde diziye bir eleman daha oluşturmuş olduk. Tabi sadece bu kadar değil, yine eklenti klasörüne aşağıda sunduğum 16*16 piksel boyutundaki gif formatlı resmi de eklemeniz gerekiyor. Daha sonra eklentinizde herhangi bir değişiklik yapmadan kullanmaya başlayabilirsiniz. Aşağıda değiştirmiş olduğum dosyaların linkini bulabilir ve 16*16piksellik gif resmini indirebilirsiniz.

Oyyla gibi başka sosyal imleme sitelerine link vermek için aynı yöntemi uygulayabilirsiniz, yapacağınız kodu tekrarlamak ve resim içinse o sitenin belirleyici bir resmini 16*16 px boyutlarına getirip aynı dizine atmak. Umarım faydalı olmuştur.

| share-this.php dosyası

Wordpress Türkiye Forumları’nda temanın yeni halinin (1.3) versiyonunun Türkçeleştirilmesi için bir gönderi gördüm. Hemen temanın Türkçeleştirilmesini yaptım. Ayrıca temayı IE ve FF üzerinde ayrıca test ettim herhangi bir sorun görünmedi. Sizlerde yeni halinde bir sorun görürseniz lütfen yorum olarak bildirin. Temanın yeni versiyonunu buradan indirebilirsiniz. Sıkıştırılmış dosyayı açarak direk wp-content >> themes dizini içine atın ve yönetim panelinden Glossy Blue temasını seçin. Kolay gelsin…