• Bahattin Arıcı
  • 0 views
  • 26 Ekim 2009
  • 0
  •  

WordPress Tema Yapısı 5: Döngü

Bu dersimizde artık  yazılarımızı ekrana getirmeye başlıyoruz.

wordpress-tema-yapisi-05-01

Bu bölümde ise kırmızı alanın altına yeni bir div etiketi açıyoruz. Açacağımız div etiketinin içine içeriğimiz, kenar çubuğumuz ve alt bilgimizi koyabiliriz. (content, sidebar ve footer)

<div id=”contenier”>

</div>

wordpress-tema-yapisi-05-02

php if (have_posts ()):?> php while (have_posts ()): the_post ();?>

php endif;?>

php endif;?>

contanier etiketi arasına yukarıdaki kodu yerleştirin.  Bu kodların açıklamaları

  • if (have_posts ()) – Herhangi bir yazı olup olmadığını denetler.
  • while (have_posts ()) – Eğer herhangi bir yazı varsa bir döngü başlatılır. Bu muhtemelen veri tabanın başından sonuna kadar olan döngüdür. the_post() fonksiyonu bundan sonra çalıştırılmaya başlanacaktır.
  • the_post () – Yazıları göstermek için the_post fonksiyonu başlatılıyor.
  • endwhile; – while döngüsü en son girmişti. En önce onu kapatıyoruz.
  • endif; – if komutunu kapatıyoruz.

Şimdi ekranda herhangi bir bilgi gelmemesi gerekir. Daha yazılarımızın başlıklarını göstermedik. Bunu döngü içine girmemiz gerekir. Döngü dosya başından sonuna kadar giderken her kayıtta ekran getirmesi için.

<?php the_title(); ?> komutunu the_post(); ?> sonrasına ve <?php endwhile; ?> öncesine ekliyoruz.

wordpress-tema-yapisi-05-03

Şimdi index.php dosyamızı kaydediyoruz. Tarayıcımızdan sayfamızı yenilediğimiz zaman konu başlıklarını görmemiz gerekir. Birkaç tane yazı başlığımız olduğunu varsayıyorum. Bu yazı başlıkları şu anda yanyana gözüküyor olmalı.

wordpress-tema-yapisi-05-04

Şimdilik düzenleme işini sonraya bırakalım. Öncelikle bu yazı başlıklarımıza link vermeliyiz. Bu şekilde ziyaretçiler konuların içini görüntüleyebilsin.

Link vermek için <a href=”#”> komutunu kullanıyorduk. <?php the_title(); ?> eklediğimiz yazı başlığı kodunu <a href=”#”> ve </a> içine yerleştirelim.

<a href=”<?php the_permalink(); ?>“><?php the_title(); ?></a>

the_permalink() fonksiyonumuz yazılarımızın wordpressteki adreslerini barındırır. Komutlarımızı index.php ye girelim.

Yazılarımızı artık bir başlık olarak göstermenin zamanı geldi. Başlıklarımız yan yana değil alt alta listelensin artık. <h2> ve </ h2> komutlarını kullanıyoruz.

<h2><a href = “<? php the_permalink (); ?>”><? php the_title ();?> </ a></ h2>

Önceki yazılarımızda h1 kullanmıştık. Bu bloğumuzun başlığı idi. Şimdi h2 kullanıyoruz. Bu yazılarımızın başlığı. Artık index.php dosyamızı kaydedip tarayıcımızı yenileyebiliriz.

wordpress-tema-yapisi-05-05

Sayfamız artık bu hali almış olmalı.

Kodlarımızda;

wordpress-tema-yapisi-05-06

bu şekilde gözükmeli. Dikkat edilecek hususlardan biri kodlarımızın hizalamasının da düzgün olmasıydı. Sonra işin içinden çıkılmaz hale gelmeden.

 

 

 

Kaynak : http://www.wpdesigner.com/2007/02/25/wp-theme-lesson-5-the-loop/

Yazar: Bahattin Arıcı #administrator

1979 doğumluyum. Ortaokuldan beri bilgisayarla uğraşıyorum. Grafik, sunucu, donanım, overclock, pc modifikasyon, linux, network, web tasarım, programlama, bilgisayar formatlama :o) gibi işleri severek özenerek bezenerek yaparım. Potansiyel müşterilerimin dikkatine...
Tüm Yazılarına Git

YORUM YAP


BU YAZIYA 0 YORUM YAPILMIŞ