Ö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.
Ş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
ADIM-2 (döngü)
Şimdi container içine alttaki kodu ekliyoruz.
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.
Görünümü aşağıdaki gibi olacak fakat başlıklar yan yana.
#Yanyana olmasını engellemek için H3 tagını kullanacağım.
#Ardından içeriğin linkini vermek için <?php the_permalink(); ?> kodunu kullanacağım.
En son görünümü aşağıdaki gibi oldu.
NELER YAPTIK
İçeriğin gösterileceği container divini açtık.
İçini içerik döngüsü için gerekli kodları yazdık.
Başlığın gözükmesi için gerekli kodu yazdık.
Ve bu başlığın büyüklüğünü ve linkini ayarladık.
Sonraki dersimizde yazı içeriğini göstereceğim
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.
PHP:
<!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>
<**** http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<**** 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
Kod:
<div id="container">
</div>ADIM-2 (döngü)
Şimdi container içine alttaki kodu ekliyoruz.
Kod:
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>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.
Görünümü aşağıdaki gibi olacak fakat başlıklar yan yana.
#Yanyana olmasını engellemek için H3 tagını kullanacağım.
#Ardından içeriğin linkini vermek için <?php the_permalink(); ?> kodunu kullanacağım.
En son görünümü aşağıdaki gibi oldu.
NELER YAPTIK
İçeriğin gösterileceği container divini açtık.
İçini içerik döngüsü için gerekli kodları yazdık.
Başlığın gözükmesi için gerekli kodu yazdık.
Ve bu başlığın büyüklüğünü ve linkini ayarladık.
Sonraki dersimizde yazı içeriğini göstereceğim
