Eray USTA

Şimdi wordpress e geçelim. Eğer wordpress localhosta nasıl kurulur tema wordpress e nasıl eklenir bilmiyorsanız son dersimde vereceğim linklerden yararlanabilirsiniz.

Bir önceki dersimizde oluşturduğumuz index4.html ve stil3.css isimlerini index.php ve style.css olarak değiştirin. Öncelikle sayfa kodlamanıza dikkat etmek gerekiyor J Türkçe karakterler yamulmasın diye notepad++ dautf-8 bom olmadan kodla diyoruz. Yamulan karakterleri düzeltiyoruz. Sonra WordPress in default isimli dosyalarını kopyalıyoruz. Ve içine de ismini değiştirdiğimiz index.php ve style.css dosyasını atıyoruz. Orijinal index ve style dosyalarının isimlerini değiştirip atabilirsiniz. Sonra diğer dosyalardan archive.php, archives.php, single.php dosyalarının adlarını değiştiriyoruz.

Artık kodlarımızı temamıza ekleyebiliriz. Öncelikle index.php deki şu komutları

<style type=”text/css” media=”screen”>

@import url(“stil3.css”);

</style>

Bunlarla

<style type=”text/css” media=”screen”>

@import url(“<?php bloginfo(‘stylesheet_url’); ?>”);

</style>

değiştiriyoruz.

Şimdide

<div id=”content”>

<h2 class=”thisMonth”>Blog Yazılarının Genel Başlığı</h2>

Bu satırlardan sonra sol sidebar kesmesine kadar silelim. Ve aşağıdaki şu kodları kopyalayıp yapıştıralım. Bu kodlar wordpress database imiz içindeki eklenmiş olan yazıları temamızın içine gömmeye yarayacak. Şimdi sidebar kısımlarını düzeltelim öncelikle anlatmam gereken bir konu var. Buda wordpress temalarının bazı temel kalıpları vardır. Bu kalıplar sayesinde database den kategorileri , arşivi vs leri çok rahat çekebiliyoruz. Şimdi bunları gerçekleştirelim.

Öncelikle sol sidebar bölümünden

<ul class=”tocNav”>

……

……

</ul>

Kısmı olan 3 bölüm var bu kısımların aralarına sırayla

Son yazıların altına tocnav dan sonra ul etiketleri arasına bunları yapıştırıyoruz.

<?php

global $post;

$myposts = get_posts(‘numberposts=5&category=3′);

foreach($myposts as $post):

setup_postdata($post);?>

<li><a href=”<?php the_permalink() ?>”><?php the_title();

?></a></li>

<?php endforeach; ?>

Kategoriler kısmına ul etiketleri arasına aşağıdaki kodu yapıştırıyoruz.

<?php wp_list_categories(‘show_count=1&title_li=’); ?>

Arşiv kısmına yine ul etiketleri arasına aşağıdaki kodu yapıştırıyoruz.

<?php wp_get_archives(‘type=monthly’); ?>

Sonuç olarak arşiv, kategori ve son yazılar kısımlarını databaseden tasarımımıza dökmüş olduk.

Şimdi sayfalar kısmını düzeltelim h2 etiketleri arasında anamenü yazan yazıyı silelim. 2 satır aşağıdaki ul class=”navlist”

Etiketinden sonra

<li><a href=”/”>Anasayfa</a></li>

<?php wp_list_pages(‘title_li=’ ); ?>

bu kodları yapıştıralım.

Temamız genel olarak oluşmuş olacak. Şimdi bunları sidebar.php footer.php vs olarak ayıralım.

Öncelikle header.php dosyası oluşturalım veya tema dizininde varsa eğer onu açıp içindekileri silelim. (aynı şekilde diğer oluşturduklarımızda da böyle yapacağız) Sonra index.php mizin bir yedeğini herhangi bir isimle kaydedelim. İndex.php dosyasının en üstünden itibaren <div id=”container2″> koduna kadar olan kısmı kesip header.php dosyasına yapıştıralım. Ardından kestiğimiz yerede

<?php

get_header();

?>

Kodunu yapıştıralım. Sonra sol sidebardaki kodları div kodu kalacak şekilde kesip sidebar.php dosyasına yapıştıralım. Sonra index sayfamızdaki kodlar şu şekilde olacak

<div id=”sidebarLT”>

<?php get_sidebar(); ?><!–//buradaki kodları kesicez divler kalacak–>

</div>

Şimdi footer.php dosyasını ayırıyoruz. Footer div etiketide dahil komple kesip footer.php dosyamıza yapıştırıyoruz. Ve kestiğimiz kısmada <?php get_footer(); ?> kodunu yapıştırıyoruz.Bir sonraki yazıda geri kalan kısımdan bahsedeceğim..-

{ Benzer Yazılar }

• Wordpress Üzerine Yazılanlar
• Wordpress Tema Yapmanın Kolay Yolu #3
• Wordpress Tema Yapmanın Kolay Yolu #2