Wordpress Tema Yapımı - 4

**HaNıM aGa** · 22.10.2009 08:41

Ö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'); ?>" /> 

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

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.

**HaNıM aGa** · 22.10.2009 08:41

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

Konu: Wordpress Tema Yapımı - 4

LinkBack

Seçenekler

Görüntü