Nov 23 2007

mari membuat wp-theme #2 : mengenal file templat dan struktur dasar wp-theme

Published by yudika at 2:50 pm under Wordpress

Mengenal file templat dan struktur dasar wp-theme adalah pelajaran kedua dalam seri postingan mari membuat wp-theme. Jika anda belum membaca postingan bagian intro, silakan berhenti sejenak dan berkunjung ke postingan tersebut, jika tidak anda akan merasa bingung dengan definisi-definisi yang digunakan pada postingan kedua ini.

Kemarin kita belajar tentang aturan dasar dan terminologi dalam pembuatan wp-theme. Hari ini kita akan berkenalan lebih jauh dengan istilah file templat, templat-templat, serta struktur halaman pada wp-theme.

Hal pertama yang harus anda ketahui, bahwa setiap halaman dari situs wordpress dibentuk dari berbagai file templat. Gambar dibawah misalnya halaman muka dari sebuah situs wordpress.

tutorial_wordpress_2.JPG

 

Dalam gambar contoh diatas, halaman depan situs wordpress anda dibagun dari 4 file templat yaitu : header.php, index.php, sidebar.php, dan footer.php.

File header.php

Judul situs dan penjelasan tentang situs wordpress anda berada pada bagian file header.php ini. Biasanya file header.php akan muncul disetiap halaman wordpress anda.

tutorial_wordpress_5.JPG

File index.php

File ini berisi judul postingan serta isi postingan (content) yang biasanya berupa teks atau gambar. File index.php juga berisi “meta data post” yaitu informasi lain seputar postingan kita, seperti siapa penulis postingan tersebut, kapan postingan tersebut di publikasikan, dalam kateori apa postingan tersebut disimpan, dan berapa jumlah komentar postingan anda tersebut.

tutorial_wordpress_3.JPG

File sidebar.php

File ini akan mengendalikan link arsip, kategoti, blogroll dan link yang lainnya.

tutorial_wordpress_4.JPG

File footer.php

Seperti halnya file header.php, bagian footer biasanya selalu ada disetiap halaman wordpress anda. Anda bisa menyimpan apapun dibagian footer ini. Tapi biasanya bagian footer ini sering digunakan untuk menyimpan informasi hak cipta (copy right).

tutorial_wordpress_9.JPG

Sekarang, saya akan jelaskan kenapa pada gambar struktur halaman muka wordpress di atas (gambar paling atas), file index.php saya beri warna merah. Hal tersebut saya lakukan untuk mengindikasikan bahwa bagian tersebut akan berubah tergantung anda sedang dihalaman mana.

Jika anda berada pada halaman postingan tunggal, maka struktur halaman anda akan terdiri dari file : header.php, single.php, sidebar.php, dan footer.php. Seperti nampak seperti gambar dibawah ini

tutorial_wordpress_8.JPG

 

 

Oke. sekian dulu untuk hari ini ya. cu :)

Tulisan asli postinan ini bisa dilihat di www.wpdesigner.com

6 Responses to “mari membuat wp-theme #2 : mengenal file templat dan struktur dasar wp-theme”

  1. liezmayaon 24 Nov 2007 at 5:41 pm

    hehe buat ngeditin template yang lagi dipake *yang made in orang lain ajah masih pusing, suka error :D apalagi kalo bikin sendiri, whuaa pasti pusing nich otak hehe. musti belajar dulu sama mas biar jadi master :D

    btw salam kenal ya mas :)

  2. yudikaon 25 Nov 2007 at 1:59 am

    aduh jadi malu. saya juga baru belajar kok. apa yag saya tulis adalah apa yg baru saya pelajari :) .
    oya, trimakasih sudah berkunjung, mbak adalah pemberi komentar pertama di blog saya, semenjak wirawiri lahir beberapa hari yang lalu :D

  3. Pogung177on 25 Nov 2007 at 2:38 am

    I request for 3 column theme, plz

  4. yudikaon 25 Nov 2007 at 11:22 am

    dear pogung, actually i’m extremely “newbie”. what i write here is what i still learn. so sorry, looks like i can’t fulfill your request yet. maybe next time when i was ready ;)

  5. jodion 11 Mar 2008 at 6:19 pm

    seri #3-nya mana neh bozz?? :bagi_donk:

  6. yudikaon 18 Mar 2008 at 4:47 pm

    mohon bersabar ya, maklum lagi di uber target kerjaan :shock:

Trackback URI | Comments RSS

Leave a Reply