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 •
April 29th, 2011 at 8:07 am
mas, artikel selanjutnya dimana ini mas?
May 7th, 2011 at 9:11 pm
mantap infonya gan..tapi apa tidak lebih baik dan lebih simple kita pakai artister aja gan???
January 21st, 2012 at 11:33 pm
Salam mas,
oya mas, mohon maaf sebelumnya, saya ada pertanyaan yaitu bagaimana cara menjadikan Blog kita jadi dot com atau dot net seperti yang mas punya.. mohon nanti dibabarkan di website tutorial mas ini. trimakasih sebelumnya mas. salam kenal dari saya.
January 21st, 2012 at 11:36 pm
Thanks ..sangat bermanfaat
January 24th, 2012 at 6:31 pm
infonya bagus gan, pasang link saya di Blogrollnya akang ya