Untuk WordCamp Indonesia 2009

Komunitas Blogger Makassar ANGINGMAMMIRI.ORGhttp://angingmammiri.org Mempersembahkan

Tutorial Membuat Wordpress Theme

Oleh: Mohammad Mustamar Natsirhttp://profmustamar.com

Tutorial Membuat Wordpress Theme

Mohammad Mustamar Natsirhttp://profmustamar.com

A. INTRO

Yang harus diperhatikan dalam membuat Wordpress theme adalah:

Daftar kebutuhan

Struktur dasar kode html dan css yang valid

Istilah-istilah dalam template Wordpress

Ok, sekarang mari kita bedah.1. Yang dibutuhkan untuk membuat sebuah Wordpress theme1. Local Apache, PHP, MySQL Sever

Untuk bisa menjalankan engine Wordpress, kita membutuhkan sebuahwebserver Apache, PHP, dan MySQL. Hampir semua hosting (LinuxHosting) memilikinya, tapi tidak di komputer kita.Nah, karena kita akan menjalankan Wordpress di komputer kita, makakita membutuhkan program yang mampu bekerja sebagai webserverdi komputer kita (Local Server).Untuk yang menggunakan sistem operasi Windows, dapatmenggunakan beberapa software local server berlisensi opensource,seperti:

XAMPP (http://www.apachefriends.org/en/xampp.html), atau

WAMP (http://www.wampserver.com/en/ )Bagi pengguna Linux, dapat juga menggunakan XAMPP, atau LAMP(Linux Apache MySQL PHP)Cara installasi LAMP dapat dilihat di situshttp://lamphowto.com/ Pada tutorial ini saya menggunakan XAMPP sebagai local servernya.Sebagai bahan praktek, software XAMPP tersedia di dalam CDtutorial.

(install sekarang!)

2. Wordpress File

Tentunya yang kita butuhkan selanjutnya adalah Wordpress File. Sayasarankan menggunakan Wordpress rilis terbaru (Wordpress 2.7),dapat didownload melalui situs resmi Wordpress(www.wordpress.org/download).Sebagai bahan praktek, file Wordpress tersedia di dalam CD tutorial,dengan nama wordpress.zip

3. Text Editor

Untuk mengedit kode-kode template, harus menggunakan teks editorstandar, seperti notepad atau wordpad.Atau, dapat juga menggunakan web editor, seperti Adobe Dreamweaver,atau yang berlisensi opensource semacam Nvu Web Authoring Software(http://www.net2.com/nvu/ ).Dalam tutorial ini saya menggunakan Notepad sebagai text editor. Namun jika ingin menggunakan Nvu sebagai editornya, sebagai bahan praktek,software installasi Nvu tersedia di dalam CD tutorial.

(install sekarang!)

2. Struktur dasar kode html yang valid

Struktur kode html yang valid itu:a. harus dimulai dengan sebuah tag <> dan ditutup dengan end tag </>Contoh :

<html><head><title>title text</title></head><body></body></html>

kecuali beberapa tag yang tidak membutuhkan penutup end tag,seperti :

b. Struktur kode html harus berurutan. Jangan terbalik-balik

Contoh struktur yang salah:

<div>

<ul>

<li> text

</ul>

</li></div>