Wordpress Tema Yapımı - 3

Önceki dersimizde sayfa yapısı üzerinde durmuştuk. Bu dersimizde index.php ye başlıyoruz.

index.php'ye başlıyoruz

- Öncelikle wordpress'te "wp-content/themes/" dizinine yeni bir klasör oluşturuyoruz. İsmini temanıza ne isim verecekseniz değiştirebilirsiniz. Ben 'sanalkurs' verdim.
- Sonra yönetici bölümüne geliyoruz.
- Tasarım kısmına giriyoruz. Orada temamıza ayrılmış kısmı göreceğiz.
- Sonra yeni temayı etkinleştiriyoruz.
- Ve kodlamaya başlıyoruz.

Kodlama:
Resimdeki kodları almak için [Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]



<?php bloginfo('stylesheet_url'); ?>

Temamızın style.css dosyasının url sidir.



<?php bloginfo('stylesheet_directory'); ?>/dosya.css

eğer başka stil dosyası eklemek istersek bu kodu girmemiz gerekir.



<?php bloginfo(); ?>

komutu wordpressin versiyonu,ismi,rss urlsi,tema dizini,css dizini vs. gibi şeylerin gösterilmesinde kullanılır.

Kodlarımızı body taglarının arasına yazıyoruz.

Şimdi blogumuzun ismini gösterelim.

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

kodunu kullanıyoruz.

Görünümü aşağıdaki gibi.

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]



Şimdi bu yazıyı büyütüp anasayfa linkini verelim.

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]



Şimdi blogumuzun açıklamasını ekleyelim. Açıklamayı 'description' koduyla sağlıyoruz

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]


Şimdi <div> taglarıda katalım. Div tagındaki değişikliği style.css dosyasındaki kodlarla sağlarız.

Header isimli bir div oluşturup bu kodları header divinde gözükecek şekilde yerleştirelim. Küçük bir not. Div taglara isim verirken id ve class arasındaki farka dikkat edin. Id sadece bir kere kullanılmaya izin verir. Class ise sınırsız kullanılabilir.

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

Div tag ekledik ama değişiklik olmadı çünkü div taga bir stil vermedik.



Neler Yaptık:

- Önce blog ismini gösterdik.
- Sonra ismin anasayfaya link olmasını ve boyutunun h1 boyutunda olmasını sağladık.
- Blogun açıklamasınında gözükmesi için <?php bloginfo('description'); ?> kodunu yazdık.
- Oluşan kodu header isminde bir div tag içine koyduk.