Pada tutorial kali ini saya akan mengajak anda untuk mengetahui dasar dasar cara membuat tema di wordpress. tutorial ini saya buat secara step by step untuk memudahkan anda memahami apa saja yang dibutuhkan dalam membuat tema wordpress.
Dalam tutorial ini saya berasumsi bahwa anda telah sedikit memahami tentang pemograman web. untuk itu silahkan baca artikel saya yang lain :
- Pengenalan CSS
- Pengenalan HTML
- Pengenalan PHP dan MySql
- Cara Menginstal Wordpress di komputer lokal
Apa saja yang kita butuhkan dalam membuat tema wordpress?
Sebelum memulai mebuat tema wordprses anda harus mempersiapkan tools yang kita butuhkan yaitu:
- Wordpress
sebaiknya diinstal pada komputer Anda. - Notepad atau editor teks lainnya.
untuk membuat dan mengedit tema. Saya menggunakan PSPAD. download PSPAD - Editor Gambar
Software untuk mendesain gambar dalam tema anda seperti Adobe Photoshop, Gimp dll - FileZilla
Software ini adalah ftp client yang berguna saat anda ingin menghostingkan tema anda. download FileZilla - Browser
Untuk browser yang digunakan saya anjurkan menggunakan firefox atau Internet Expoler versi 7 keatas. - Bookmark Validator XHTML dan CSS Validator.
Setelah membuat tema wordpress sebaiknya kita memvalidasi tema tersebut ke XHTML dan CSS Validator agar tema yang kita buat sesuai dengan standar W3C (World Wide Web Consortium).
Pengenalan Struktur Tema Wordpress
Dalam pembuatan tema wordpress kita harus mengikuti beberapa aturan dasar dan membuat beberapa file yang menjadi standar wordpress agar tema yang kita buat bisa dibaca oleh sistem wordpress. yaitu :
- header.php :
Merupakan file untuk mendefinisikan tampilan pada header halaman.akan di panggil pada semua halaman. - footer.php
Merupakan file untuk mendefinisikan tampilan pada footer halaman, sama seperti file header. - index.php
Merupakan file untuk mendefinisikan tampilan utama halaman blog. untuk memuat informasi konten, komentar dll. - style.css
Berfungsi seperti file CSS pada umumnya, berfungsi untuk mendefenisikan tampilan pada halaman blog, juga sebagai penyimpan informasi mengenai tema seperti nama tema, versi, pembuat tema, keterangan tema dll. - sidebar.php
Sidebar biasanya digunakan untuk sistem navigasi dalam halaman blog seperti kategori, blogroll, arsip, tag, iklan dll - function.php
Merupakan file untuk menghubungkan function pada mesin wordpress dengan tema blog. - single.php
Merupakan file untuk mendefenisikan tampilan pada ‘halaman post’. halaman post adalah halaman yang menampilkan tulisan secara lengkap termasuk komentar seperti halaman yang sekarang anda baca. - page.php
Merupakan file untuk mendefenisikan tampilan pada ‘halaman page’. halaman page adalah halaman halaman statis pada blog, seperti halaman ‘tentang saya’ - comment.php
Merupakan file untuk mendefinisikan tampilan pada bagian komentar. - search.php
Merupakan file untuk mendefinisikan tampilan pada bagian pencarian. - archive.php
Merupakan file untuk mendefinisikan tampilan pada bagian arsip, kategori dan tag. - 404.php
Merupakan file untuk mendefinisikan tampilan apabila url mengarah pada halaman yang tidak ada atau error. - home.php
Merupakan file untuk mendefinisikan tampilan utama atau tampilan home pada blog, apabila file ini tidak ada maka file index.php yang akan dijadikan tampilan home. - screenshot.png
File gambar dengan 300 x 225 pixel untuk menampilkan screenshoot tema pada halaman admin.
Sistem tema wordpress juga memiliki hirarki tertentu silahkan baca disini
Demikianlah tulisan pengenalan tema wordpress. silahkan baca artikel selanjutnya :
- Cara Membuat Tema Wordpress-Bagian 1
Jika ada kendala, kritik atau saran mari kita diskusikan disini. .
Posted in • Wordpress •
January 8th, 2010 at 10:16 am
Yvonne Villarreal sat down with Ethan Hawke last week to talk about Daybreakers, http://umathurman-news.info the futuristic vampire-virus film that opens this Friday and 206-peugeot.info
June 14th, 2010 at 11:28 pm
ship mas, tp cara buat tema bagian 1 itu kak gak bisa di buka linknya mas??
pengen belajar nih…
June 17th, 2010 at 6:16 pm
wah mas…. tips nya bagus sekali… lagi belajar wordpress artikelnya membantu sekali… minta bimbingannya ya mas.. suwun.
August 28th, 2010 at 12:42 am
Makasih infonya
salam knal dr bloger magetan