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

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

<div id="header">yakuter () ;</div>

b temasında ise şöyledir

<div id="header">yakuter () ;</div>

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

yakuter

Erhan Yakut

www.yakuter.com

Genç yaşlarda programlama ile tanıştı ve Delphi ile başladığı programlama macerasına şuanda PHP, SQL, Javascript, AJAX, CSS, XHTML teknolojileri ile devam etmektedir. Elektrik - Elektronik bölümü mezunu olan "yakuter" 2006 yılından itibaren yakuter.com'un yazarlığını yapmaya başlamıştır.

Bu Yazıya Ait Yorumlar

cem vatandaş

cem vatandaş
11 Eylül 2007

Ç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/

Ersin

Ersin
03 Şubat 2008

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

yakuter

yakuter
04 Şubat 2008

Ö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.

Ersin

Ersin
05 Şubat 2008

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

Ahmet Ertürk

Ahmet Ertürk
19 Nisan 2008

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

Çağatay

Çağatay
23 Nisan 2008

“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?

Gökhan

Gökhan
03 Ağustos 2008

öncelikle yazdığınız yazı için teşekkür ederim.
Ben kendime bi wordpress blog hazırladım ve son günlerde aşırı derecede popüler olan bi uygulama olan adsense ile ufak kazançlar elde etme peşindeyim (malum öğrenci olma durumları:P)

Ancak adsense arama kodu konusunda problemlerim var arama kodunu yerleştirmeyi başardım ancak arama sonuçları kodunu yerleştirmek konusunda oldukça sağlam bi problem yaşıyorum ne denediysem işe yaramadı. yardımlarınızı bekliyorum. Gösterdiğiniz ilgi için şimdiden teşekkürler.

Yazılım

Yazılım
30 Haziran 2009

Teşekkürler Yakın Zamanda Hedeflediğim Şekilde WordPress Tema Yapımınada Geçmek istiyorum…

Namiq Muhammedi

Namiq Muhammedi
20 Aralık 2009

Teşekkür etmeyi özüme bor bildim. Faydalandım ve sene Azerbaycandan çoklu salamlar gönderirem. Ellerine sağlıq.

Cihan Üstündağ

Cihan Üstündağ
21 Aralık 2009

Hocam ellerine sağlık uzun zaman olmuş ama olsun..

izle

izle
09 Ocak 2010

Hocam ellerine sağlık uzun zaman olmuş ama olsun..

film izle

film izle
09 Temmuz 2010

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

Banada nasıl yapıldıgını öğreticek birisi varmı? Tema yazmayı çok istiyorum yardım pls

function

function
19 Ağustos 2010

peki function.php dosyasını nasıl yazacağız?

sdk

sdk
22 Ekim 2010

yazı uzun zaman önce yayınlanmıs ama olsun baslangıc icin gercekden güzel yazılar yazıyordu…
ama wordpresi tamamen cözmek istiyorum…
php

özgür

özgür
24 Ekim 2010

ellerinize saglık emeginize saglık
sorularım şu

word pressin ustunde gelen temada degişiklik yapmaya çalısıyorum,
menülerin tuşlarının üzerinde oldugu barın rengini nasıl degiştirebilirim?
menü tuş renklerini nasıl degiştirebilirim?

yorumlar kısmını nasıl yok edebilirim?
meta tag altındaki linkleri istedigim gibi nasıl düzenleyebilirmiyim?

yada sayfadaki ögelerin , style.css deki id lerini ögrenmenin kolay bir yolu varmıdır?

çok teşekkürler.

Mustafa IŞIK

Mustafa IŞIK
02 Şubat 2011

Anlatım için teşekkürler

Peki ya sizin düşünceleriniz?

Facebook Grubumuz Twitter Wordpress Linked in Google Friendfeed RSS Beslemesi Feedburner RSS

Yakuter web tasarım, yazılım geliştirme, IPhone uygulamaları gibi konular da Üreticy'yi öneriyor.

TAMindir.com - Yeni Programlar

iPadian - Windows

Masaüstünüzü iPad arayüzü şeklinde kullanabilmeniz ve uygulama merkezi sayesinde sunduğu onlarca uyg...

ClipGrab - Windows

YouTube ve diğer popüler çevrimiçi video sitelerinden video indirmek istiyorsanız kullanabileceğiniz...

Elder Scrolls V Skyrim Duvar Kağıtları - Windows

Elder Scrolls V Skyrim için Bethesda Softworks tarafından hazırlanmış duvar kağıtları....

Undelete 360 - Windows

Kaybettiğiniz, yanlışlıkla sildiğiniz veya virüslerden mağdur olduğunuz dosyalarınızı bu programla k...

Knights of the Old Republic 2 Duvar Kağıtları - Windows

Star Wars Knights of the Old Republic 2 oyunu için hazırlanmış en güzel duvar kağıtlarını sizin için...

Abonelik

Yazılan yazılardan ilk siz haberdar olun, yeni yazılar e-postanıza gönderilsin.

yakuter.com © 2006-2010 Erhan Yakut. Site tasarım Cenk Akyıldız - (Tema Bilgisi).
Site içerisindeki içerikler izinsiz kopyalanamaz, alıntı yapılamaz.