Header bölümünü geliştirmeye devam ediyoruz. Önceki yazımızda header kısmına bloğumuzun başlığını koymuştuk.
<a href = “<? bloginfo ( ‘url’ php); ?>”><? php bloginfo ( ‘name’);?> </ a>
yukardaki kod index.php kısmında girilen bilgimizdi. Bunu başlık haline getirmek için <h1> ve </h1> etiketleri içine almamız gerekir. Bu başlıklardan altı adet mevcuttur. H1, H2, H3, H4, H5 ve H6. H1 büyük H6 ise en küçüktür.
Başlıklı haldeki kodumuz
<h1> <a href = “<? bloginfo ( ‘url’ php); ?>”><? php bloginfo ( ‘name’);?> </ a> </ h1>
Artık başlığımız olduğuna göre
<?php bloginfo(’description’); ?>
kodu ile sloganızımızı da sayfamıza ekleyebiliriz. Buradaki <?php kodu yine php kodunuz çalıştırıyor.
Eğer bu kodu da ekleyip çalıştırdıysanız sonraki adıma geçebiliriz.
Sonraki adımımız <div> ve </div> etiketlerimiz. Bu etiketleri görünmez bir kutu gibi düşünün. Bunu bloğumuzun başlığı ve sloganına sarmak için kullanıyoruz. Sayfamızda herhangi bir değişiklik olmayacak. Fakat daha sonra style.css dosyası üzerinde işlemler yaptığımızda bu kutunun borders, paddings, margins, background color, background images (çerçeve, başlangıç boşlukları, sağ sol marjları, arka zemin, arka plan resmi) gibi birçok ayarı sadece bu div komutu ile değiştirebiliriz.
Bu etiketleri
<div>
<h1> <a href=”?php bloginfo(‘url’); ?> “> <? bloginfo ( ‘name php’);?> </ a> </ h1>
<? bloginfo ( ‘açıklamasına php’);?></ div>
şeklinde kullanıyoruz.
Fakat bu div için bir isim belirtirsek daha sonra sadece burası için diğerlerinden farklı bir değişiklik uygulayabiliriz. Bu div için özel bir ayar yapmış oluruz.
id = “isim” şeklinde kullanarak bu div etiketine özel isim veriyoruz. Kullanım şekli <div id=”header”> oluyor. Bu etiketi style.css dosyasında tanımlayacağız.
Kaynak : http://www.wpdesigner.com/2007/02/24/wp-theme-lesson-4b-header-template-continues/
