"Çalışmadan, öğrenmeden, yorulmadan rahat yaşamanın yollarını aramayı alışkanlık haline getirmiş milletler, evvela haysiyetlerini, sonra hürriyetlerini ve daha sonra da istikballerini kaybetmeye mahkumdurlar."

Mustafa Kemal ATATÜRK

yakuter


17 Mart 2006

Wordpress’te Nasıl Tema Yapılır? (2)

Kategori Tema, Web, Wordpress |

Wordpress için nasıl eklenti yazılır makalemin ikincisi olan bu yazımda artık temayı tamamlıyoruz :) Tabi bu yazıyı okumadan önce nasıl eklenti yazılır 1 makalesini okumanızı şiddetle öneririm. Hadi artık işe başlayalım.

Bir temanın dosyaları temel olarak şunlardır :

index.php :Sitemizin ana dosyasıdır. Bu olmadan tema olmaz :) Kısacası anasayfadır.
header.php : Sitenin üst kısmıdır.
footer.php : Sitenin alt kısmıdır.
sidebar.php : Sitenin sütununun bulunduğu dosyadır.
comments.php : Herhangi bir yazıdan sonra görünün yorumların çağırıldığı dosyadır.
screenshot.png : Sitenin önizleme dosyasıdır.
style.css : Stil dosyasıdır. Tasarım işinizin merkezidir.

single.php : Bir yazının tam halinin görünmesi için çağırılan dosyadır.
page.php : Bir sayfa açıldığında kullanılan dosyadır.
archive.php : Arşivdeki yazılara bakmak için kullanılan dosyadır.
search.php : Arama yapıldığı zaman görünen sayfadır.
404.php : Bulunmayan bir sayfa sonucunda ekrana gelen dosyadır.

Yukarıda style.css dosyasından sonra boşluk bıraktığımı farketmişsinizdir. Bunun sebebi sizin için gereken minimum dosyaları göstermektir ve üsttekilerdir. Nitekim wordpress ile birlikte gelen classic temasında sadece üst tarafta belirttiğim dosyaları görürsünüz(page.php, single.php falan yoktur).

Buraya dikkat edin. İşin en önemli noktalarından birisi. Wordpress’te örneğin bir sayfayı(page) açmak istediniz diyelim. Wordpress ilk önce page.php dosyasını arar. Eğer bulamazsa index.php dosyasını çağırır. Ekrana sonucu index.php dosyası gösterir. Böylece hem az dosya kullanırsınız, hem de bütün sayfalarınız, arama sonuçlarınız, arşiv yazılarınız (yani yukarıda single.php’den 404.php dosyasına kadar yazmış olduğum dosyalar) index.php dosyasından gösterileceği için tek tip olur. Yani site tam bir bütünlük arzeder.

Eğer bütün site aynı şekilde görünsün diyorsanız sadece üstteki dosyaları kullanın. Gereğinden fazla dosya kullanmanıza gerek yok. Ama eğer diyorsanız ki hayır, hepsi (arama sonuçları, sayfalar, gönderiler vb.) farklı görünsün diyorsanız, bütün dosyaları kullanın. Benim hazılardığım yakuter tema 1.0 da minimum seviyede dosya kullandım. Arzu ederseniz onu inceleyebilirsiniz.

Şimdiiii işin en önemli ikinci kısmını söylüyorum. Bir temayı baştan yaratmak için boşuna kasmayın. Çünkü yazacağınız kodlar bütün temalarda hemen hemen aynıdır. Ayrıca internetteki bir çok tema yapımcısı da kendileri bu yöntemi kullandıklarını söylüyorlar. Sizin yapmanız gereken hazır bir temanın css dosyasıyla ve grafikleriyle oynamaktır. header‘da yani sitenizin üst kısmında görünecek resimden tutun da sidebar‘daki yani sitenizdeki sütunun görünümüne kadar her şeyi böylelikle değiştirebilirsiniz. Aklınıza hemen “olur mu öyle şey hiç!” gibi sorular gelebilir. Mantık şu: veritabanından kayıtlar hep aynı kodlarla alınır sadece görüntülenme de fark eder. Örneğin a temasında kod şöyledir
[php]

[php]
b temasında ise şöyledir
[php]

[php]
Evet gördüğünüz gibi hiç fark yok. Ama iki temada da ekran çıktısı tamamen farklıdır. Çünkü önemli olan style.css dosyasında header seçicisini nasıl ayarladığınıza bağlıdır.

Css dosyasında nasıl değişiklik yapacağınızı Wordpress’te Nasıl Tema Yapılır? (1) adlı makalem de yazmıştım. Eğer Css’i tam anlamıyla öğrenmek istiyorum diyorsanız ki en fazla yarım saat sürer, Mutasyon.net css dersleri‘ni inceleyiniz.

Diyelim ki bütün yazıların, arama sonuçlarının vb. index.php’de görünmesini istiyorsunuz. Ama mesela arama sonucu gösterdiğinde normal bir yazı gibi görünsün fakat başında büyük harflarler Arama Sonuçları yazsın. Wordpress bunun için size kullanımı çok basit bir kaç fonksiyon sağlıyor( bkz. is_home(),is_page(),is_category()… )

Umarım bu bilgiler kendi temanızı hazırlamak için yeterli olur. İlk denemeniz için wordpress’in classic temasını alıp düzenlemeye başlayabilirsiniz. Eğer ki anlayamadığınız veya benim yazmayı unuttuğum bir şey varsa söyleyin, yazıma ekleyeyim ;)


Benzer Yazılar

“Wordpress’te Nasıl Tema Yapılır? (2)” için 6 Yorum

  • 1 cem vatandaş

    Çok basit ve yalın bir anlatım yeni başlayan arkadaşlar için güzel bir başlangıç olacağına eminim. Benimde arkadaşlara önerim yabancı olmasına karşın çok basit bir ingilizce ile yazılmış bu kayanağa bakmaları wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/

  • 2 Ersin

    Biraz geç bir yorum olacak ama çok faydalı bir yazı olmuş.
    Html ve css biliyorum :) Ben de bir deneyeyim dedim yapmayı.
    Hazır bir temayla oynayarak başlamanın daha iyi olacağını düşündüm.Wordpress’in klasik temasını bilgisayarıma indirdim , style.css dosyasında bir kaç değişiklik yaptım ama nasıl temanın yeni halini görebilirim ?( Hostingim yok )

    Not : Bir başka yazıda easy php programının .php’lerin localhost üzerinden gösterdiğini öğrendim ve indirip kurdum.Daha sonra Yüklü olduğu klasörün içindeki “www” klasörünün içine temayı taşıdım.
    Sonra “http://localhost/index.php” adresine girdim ve şu yazıyla karşılaştım :

    Fatal error: Call to undefined function get_header() in C:\Program Files\EasyPHP 2.0b1\www\index.php on line 2

    Not 2 : Sonra birde ypu.com’u denedim onda da aynı hatayı verdi.

    Şimdiden teşekkür ederim

  • 3 yakuter

    Öncelikle Wordpress gibi php uygulamalarını çalıştırmak için senin de yaptığın gibi easyphp veya wamp gibi programlar kurman gerekli.

    Dediğin hataya gelirsek bir sebepten dolayı fonksiyonu bulamıyor. Wordpress’in yanlış kurulduğunu veya temanda yanlış bir değişiklik yaptığını düşünüyorum. Aksi takdirde aklıma bir şey gelmiyor.

    yönetim paneline girip temayı değişitirdikten sonra siteyi açmayı deneyebilirsin.

  • 4 Ersin

    Orjinal temada da aynı sorun çıktı.Zaten derslere bir hafta kaldı - ikinci dönemin ilk gününün ilk dersi de sınav olunca :) - haliyle ders çalışmak lazım
    Ben en iyisi daha sonra deneyim

  • 5 Ahmet Ertürk

    Gerçekten çok güzel bir anlatım. Teşekkürler. Umarım yakında kendi temamı yapabilirim :)

  • 6 Çağatay

    “Eğer Css’i tam anlamıyla öğrenmek istiyorum diyorsanız ki en fazla yarım saat sürer”

    Ciddi misiniz? Bir yanlışınız olmasın?


Yorum Yapın

yakuter.com © 2006-2008 Erhan Yakut. Tasarım Fallendesign.
Site içerisindeki içerikler izinsiz veya kaynak gösterilmeksizin kopyalanamaz, alıntı yapılamaz.

Wordpress Valid XHTML 1.0 Valid CSS