Şimdi geri kalan eklememiz gereken kodları ekleyeceğiz. Öncelikle style.css bu linkteki style.css dosyasını indirip değiştirin. Aralara eklenen kodların neler olduğunu karşılaştırarak bulabilirsiniz.
Bu kısımdan sonra navlist.php dosyamızı ayıracağız. İndex.php dosyamızda ki aşağıdaki kısmı kesip tema dosyasının olduğu klasörde navlist.php oluşturuyoruz. Onun içine kopyalıyoruz. Kestiğimiz yerede “<?php include(TEMPLATEPATH . ‘/navlist.php’); ?>” (tırnaklar hariç) kodu yapıştırıyoruz. Şimdi navlist.php dosyasını tekrar açıyoruz.
<div id=”top_navlist”>
<h2>Ana Menü</h2>
<ul id=”navlist”>
<li><a href=”/”>Anasayfa</a></li>
<?php wp_list_pages(‘title_li=’ ); ?>
</ul>
</div><!–//top_navlist–>
Yukarıdaki kodları şu şekilde değiştiriyoruz
<div id=”intTop_navlist”>
<h2></h2>
<!–//start page nav list–>
<ul id=”navlist”>
<li class=”current_page_item”><a href=”/”>Anasayfa</a></li>
<?php //wp_list_pages();
wp_list_pages(‘title_li=’ ); ?>
</ul>
<!–//end page nav list–>
</div><!–//top_navlist–>
Şimdi sağ sidebarı oluşturalım. Sidebar2.php diye bir dosya oluşturalım. Ve içine aşağıdaki kodları yapıştıralım.
<div id=”sidebar2″>
<div class=”fakeSidebar”>
<?php
<!–// adsense kodlarınızı buraya yazabilirsiniz–>
?>
</div>
</div>
İndex.php mizi açıp
<!– #sağ sidebar –>
<div id=”sidebarRT”>
<div>Etiket bulutu, <br/>linkler, <br/>reklam veya diğer eklentiler.</div>
</div><!–//sidebarRT –>
Bu kodların olduğu yere
<!– #sağ sidebar –>
<div id=”sidebarRT”>
<?php include(TEMPLATEPATH . ‘/sidebar2.php’); ?>
</div><!–//sidebarRT –>
Bu kodları yapıştıralım. Bu linkten sağ sidebar resmini indirip tema klasörünün içindeki images klasörüne atınız. Son olarak footer.php dosyamızı açıyoruz içine aşağıdaki kodları yapıştırıyoruz. Aradaki farklı kodlarıda tek tek yazabilirsiniz..
<div id=”footer”>
<div id=”footContain”>
<div id=”footerRight”>
<h3>Footer Information</h3>
<p>
<a href=”#”>Anasayfa</a> |
<a href=”#”>Hakkında</a> |
<?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds.
</p>
</div><!–//footerRight–>
<div id=”footerLeft”>
<p>
<?php bloginfo(‘name’); ?> is proudly powered by
<a href=”http://wordpress.org/”>WordPress</a>
<br /><a href=”<?php bloginfo(‘rss2_url’); ?>”>Entries (RSS)</a>
and <a href=”<?php bloginfo(‘comments_rss2_url’); ?>”>Comments (RSS)</a>.
</p>
</div><!–//footerLeft–>
</div><!–//footContain–>
</div><!–//footer–>
</div><!–//container–>
</body>
</html>
Şimdide header.php dosyanızın içindeki <div class=”header”> kodunu <div class=”intHeader”> olarak değiştiriyoruz. Ardından index.php dosyamızın içindeki şu satırları
<div class=”entry”>
<?php the_content(‘<br>Devamını oku »’); ?>
</div>
<!–Sonradan eklendi–>
<div class=”comments”>
Şu şekilde değiştiriyoruz
<div class=”entry”>
<?php the_content(‘<br>Devamını oku »’); ?>
</div>
<!–Sonradan eklendi–>
<div id=”pagecomments”>
<?php comments_template(); ?>
</div>
<div class=”comments”>
Anasayfa görüntümüz bu kadar. Şimdi Single.php , page.php,404.php (sildiyseniz yeni oluşturun isim değiştirdiyseniz eğer ismini page.php yapıp içine index.php kodlarını yapıştırınız) dosyamıza index.php dosyamızın aynısını kopyalıyoruz. Comment .php ve comment-popup.php dosyaları aynı kalıyor. Fakat style.css dosyamızın en altına şu kodları ekliyoruz.
#pgContent {
margin:0 0 0 10px;
width: 650px;
float:left;
}
Son Yorumlar