• Bahattin Arıcı
  • 0 views
  • 10 Kasım 2009
  • 0
  •  

WordPress Tema Yapısı 14: Footer (Alt bilgi) ve Indexi Bolmek

index.php dosyanızı kolay anlayabilmeniz ve düzenli tutabilmeniz için birkaç ufak dosyaya bölmek isteyebilirsiniz.

Style.css dosyasını açın.

1. Adım

DIV kodlarında footer etiketi için 10px üstten boşluk (padding) verin. Kodları bu defa vermiyoruz. Artık öğrendiniz sayılır. Kendiniz ekliyebililiyor musunuz bakalım?

2. Adım

Footer altındaki tüm P etiketlerinin satır yüksekliğini 18px yapın. #footer p{}; yardımı verelim.

Bugünlük bu kadar style.css dosyasıyla çalışmak yeter galiba!

3. Adım

Yeni bir dosya oluşturun. Dosyamız header.php adında olsun.

index.php dosyamızda header div etiketinin altına </div> kadar olan tüm satırları bu yeni oluşturduğumuz dosyaya atın.

wordpress-tema-yapisi-14-01

wordpress-tema-yapisi-14-02

Benim index.php dosyam burada. Bunu kopyalayıp yapıştırmayın. Kendi dosyanızdaki kodları kullanın.

4. Adım

Şimdi index.php dosyasından sildiğimiz kodlar yerine aşağıdaki kodu yerleştirin.

<?php get_header(); ?>

wordpress-tema-yapisi-14-03

Bu fonksiyon header.php dosyasını çağırmak için gerekli kodu yazıyor. Bu kod aşağıdaki kodun aynısıdır.

<?php include (TEMPLATEPATH . ‘/header.php’); ?>.

4(5). Adım

Dördüncü adıma biraz daha devam edelim. Şimdi sidebar.php dosyası oluşturun.

Sidebar div etiketi ile başlayan ve biten kısmın tamamını (arasındaki herşeyi) yeni oluşturduğunuz (sidebar.php) dosyasına atın.

Aldığınız sidebar div etiketinin olduğu kısma  <?php get_sidebar(); ?>. kodunu yerleştirin.

Dosyalarını kaydedin. Benim sidebar.php dosyam bu.

wordpress-tema-yapisi-14-04

5. Adım

Aynı işlemleri footer.php için de yapın. Benim footer.php dosyam.

Bugünkü dersler sonunda oluşturduğumuz dosyalarımız. index.php style.css header.php sidebar.php footer.php

Kaynak: http://www.wpdesigner.com/2007/03/15/wp-theme-lesson-14-footer-and-dividing-index/

Yazar: Bahattin Arıcı #administrator

1979 doğumluyum. Ortaokuldan beri bilgisayarla uğraşıyorum. Grafik, sunucu, donanım, overclock, pc modifikasyon, linux, network, web tasarım, programlama, bilgisayar formatlama :o) gibi işleri severek özenerek bezenerek yaparım. Potansiyel müşterilerimin dikkatine...
Tüm Yazılarına Git

YORUM YAP


BU YAZIYA 0 YORUM YAPILMIŞ