Daha önceki wordpress tema yapımı yazılarımda da bahsettiğim gibi, wordpress‘de sitenin neresinde bulunuyorsanız onunla ilgili dosya çalıştırlır. Bu şekilde ziyaretçilerinize farklı durumlarda farklı şablonlar sunabilirsiniz.
Bir kategorideyken category.php dosyası, bir ayın arşivine bakarken archive.php dosyası, bir aramanın sonuçları gösterilirken ise search.php dosyası çalıştırılır.
Biz bu yazıda, bu 3 dosyayı ele alacağız. Bunun için öncelikle ilgili dosyaların tasarımlarına bir bakalım ;
Ben index dosyasına benzer şablonlar oluşturdum, tek fark olarak yazıların üstüne bilgi verici bir bölüm yerleştirdim. Siz isterseniz sağ yan menüyü kaldırabilir, isterseniz yazıları en sola çekebilirsiniz. Yani yaratıcılığınızın elverdiği düzeyde değişiklikler yapabilirsiniz.
Kategori, arşiv ve arama şablonları, index şablonu ile çok benzer olduğu için index’den faydalanarak, tema klasörünüze ilgili dosyaları yaratabilirsiniz, ki ben de öyle yaptım.
Kategori Şablonunun Oluşturulması
index.php’den yararlanarak oluşturduğumuz category.php dosyasında, yazıların hemen üstünde görünecek bilgilendirici bir bölüm ekleyeceğiz.
<div class="where-am-I">
<p>Burası category.php şablonu, <?php the_category(',') ?> kategorisindeki yazılar görüntüleniyor.</p>
</div>
the_category(‘,’) fonksiyonu içinde olduğunuz kategoriyi yazdırmaktadır.
Bu şekilde bir category.php dosyası oluşturup kendinize göre düzenlediğinizde, bir kategoriye girildiğinde index şablonundan farklı olarak category.php içindeki kodlar çalıştırılır.
Arşiv Şablonunun Oluşturulması
archive.php dosyasının bilgilendirme mesajı ise şu şekilde olacak ;
<div class="where-am-I"> <p>Burası archive.php şablonu, <strong><?php printf( __( '%s' ), get_the_date( _x( 'F Y', '' ) ) . '</span>' ); ?></strong> ayındaki yazılar görüntüleniyor.</p> </div>
get_the_date() fonksiyonu içinde bulunduğunuz ayı barındırır, printf ile de bu gün yazdırlır. Aynı kategoride olduğu gibi, archive.php için bir şablon tanımladığımızdan, index.php dosyası yerine archive.php dosyası çalıştırılacak.
Arama Şablonunun Oluşturulması
search.php şablonunun bilgilendirme mesajı şu şekilde ;
<div class="where-am-I"> <p>Burası search.php şablonu, <strong><?php printf( __( '%s' ), '' . get_search_query() ); ?></strong> aramasının sonuçları görüntüleniyor.</p> </div>
get_search_query, aranılan kelimeyi tutar, yine printf ile bu kelime/kelime grubu yazdırılır.
Bir arama yapıldığında, temaya tanımladığımız bir search.php şablonu olduğundan dolayı, bu dosya çalıştırılacaktır.
Temanızı yukarıdaki şekillerde özelleştirmeye devam edebilirsiniz, benim yaptığım değişiklikler çok küçük olmakla beraber, sadece gösterme amaçlıdır. Sitenin farklı yerlerinde farklı dosyaların çalıştırılabileceğini göstermek içindir.
Tekrar belirtmekte fayda var, sitenin farklı bölümleri için farklı şablonlar tanımlamadıysanız, o bölümler index.php şablonu ile gösterilecektir.
Şu ana kadar temada hangi dosyaları kodladığımıza bir bakalım ;
- style.css
- index.php
- functions.php
- header.php
- sidebar-left.php
- sidebar-right.php
- footer.php
- category.php
- archive.php
- search.php
Lorem Ipsum adlı temamız yavaş yavaş bildiğiniz temalara benzemeye başladı sanırım. : ) Bir sonraki wordpress tema yapımı yazımda, tekil yazı ve sayfa şablonlarını da kodlayarak wordpress tema yapımı yazılarımı bitireceğim.
Temanın son halini indirmek için tıklayınız.
Yorumlar
Güzel Paylaşım cem bey elinize sağlık
çok güzel gidiyor inşallah bir sonraki yazınızda yorum (comments.php) dosyası hakkında da bilgi verirsiniz
Yazılarınızı zaman buldukça okumaya çalışıyorum. Emeğinize sağlık..
Teşekkür ederim Hocam :)
Güzel br anlatım olmuş ellerinize sağlık .
Ellerinize sağlık gerçekten harika bir anlatım. Son ders nezaman yayınlanacak acaba.
Teşekkürler, şu an bir süre veremiyorum çünkü okulda çok yoğun olarak çalışıyorum. En kısa sürede dersleri tamamlamaya çalışacağım. İlginiz için teşekkürler.
Güzel anlatım olmuş yazı dizisini baştan sona okudum, bu kodlama bölümü bittikten sonra tasarım kısmındaki bölümleri de anlatacakmısın ? Tasarımın yapılması parçalanması vs ?
Neden olmasın, WP tema yapımından bağımsız olarak, tasarımdan koda geçiş süresini ayrı bir yazıda yazabilirim. Ama öncelikle şu yazı dizisini bitireyim.
Teşekkürler. Harika bi site. Ayrıca bilge v2 ‘ye bayıldım.
güzel paylasim tskler hocam
Sayenizde tema yapmayıda öğrendim. Teşekkür ederim kolay anlaşırlı anlatımınız için..
Ben yeni bir wordpress kullanıcısıyım yukarıda anlattığınız veya herhangibir temada değişiklik yapmak için yazılması gereken kodları ilgili php dosyasına yazıp kaydettiğimde tema hemen bozuluyor ya ben kodu uygun yere yazamıyorum yada gerçekten ben bu işi yapamıyorum…bu kodları uygun olan dosyayı editörde açıp kodların bulunduğu sayfada nereye sayfa başınamı veya sayfanın neresine yazmalıyım yardımcı olurmusunuz …lütfen.. şimdiden teşekkür ederim…
örneğin; yan menünün genişliğini değiştirmek veya tek sayfada bir şey eklemek gibi tşk..
güzel anlatım.
Merhaba öncelikle emeğinize sağlık harika işler çıkarmışsınız. Ben bi konuda bilginize başvuracaktım bu yan menüde ikili sütun olarak menüleri yan yana nasıl katıyorsunuz ben bunu çözemedim örnek sizin bu sayfadaki katagori menüsü Kategoriler
Benim Dünyam (5) C Programlama (10)
böyle yan yana fakat ben bunu başaramadım örnek bir resimli anlatımla kısaca izah ederseniz çok memnun olurum şimdiden teşekkür ederim başarılarınızın devamını temenni ederim.
Merhaba, teşekkür ederim.
Kategorileri yanyana sıralamak için CSS’e başvurmanız gerekiyor. Her bir liste elemanına < li >, float:left özelliğini uygularsanız ve gerekli uzunluk-boşluk ayarlarını da yaparsanız istediğiniz sonuca ulaşabilirsiniz.
Uzun zamandır bu tarz bir anlatım arıyotdum. yazı için teşekkürler.
Yeni projemde şuan ücretsiz bir blog kullanıyorum ancak kısa zamanda buradan öğrendiklerimle yeni bir tema yapmaya heveslendim. Teşekkürler