Wordpress Tema Yapımı - 4
Önceki dersimizde index.php ye başlamıştık. Bu dersimizde başlığın gözükmesi için gerekli kodları yazacağız.
Kodlarımız en son aşağıdaki gibiydi..Ve sadece blog başlığı ile blog açıklması gözüküyordu. Görünecek kısımları body tag arasına yazmıştık.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div id="header">
<a href="<?php bloginfo('url'); ?>"><h1><?php bloginfo('name'); ?></h1></a>
<?php bloginfo('description'); ?>
</div>
</body>
</html>
Şimdi İçeriği gösterelim.Aşağıda yazacağımız kodları "header" divinin altına ekliyoruz. ID olarak isim verdik çünkü container aynı sayfada bir kez kullanılacak.
ADIM-1(div)
id si container olan bir div tag açalım
<div id="container">
</div>
ADIM-2 (döngü)
Şimdi container içine alttaki kodu ekliyoruz.
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
Yazdığımız kodun açıklaması
if(have_posts()) - koduyla sayfada herhangi bir yazı olup olmadığını kontrol ettik.
while(have_posts()) - kodu eğer sayfada herhangi bir yazı varsa bu yazı(ları)yı göstermeye başlar. Bir döngü halinde.
the_post() - kodu ise yazıyı ekrana sunar
endwhile; - while döngüsünü durdurur. İlk dersimizdeki kural-1 Açtığın kodu hemen kapat.
endif; - if döngüsünü durduru. İlk dersimizdeki kural-1 Açtığın kodu hemen kapat.
İçeriği alt alta sıralayacak olan while döngüsüdür. if sadece kontrol amaçlıdır.
ADIM-3 (icerik başlığı)
İcerik başlığını göstermek için <?php the_title(); ?> kodunu kullanıyoruz.
Bu kodu ...the_post(); ?> ile <?php endwhile; ?> arasına yazıyoruz.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
Görünümü aşağıdaki gibi olacak fakat başlıklar yan yana.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
