Nada Sumbang

Cara Memodifikasi Theme

Posted on 15. Feb, 2009 by admin in Wordpress

Pemirsa, banyak cara instan membuat theme secara online, tinggal tentukan bentuk theme yang kita inginkan lalu generate maka jadilah theme. Akan tetapi jika kita ingin mencoba belajar php dan css lebih baik kita mendownload theme yang sudah jadi dari salah satu situs penyedia theme gratisan kemudian ‘membongkarnya’

Tentunya bagi anda pecinta wordpress self hosted, menggunakan theme sudah bukan merupakan hal yang asing, apalagi dengan banyaknya situs yang menyediakan themes2 gratisan kita bisa sesuka hati memilih dan gonta-ganti theme.

Tetapi rasanya kurang puas jika themes yang kita punya sepenuhnya buatan orang lain, apalagi umumnya theme gratisan meminta kita untuk tetap mencantumkan link pada footernya bahkan ada yang sampai meng encode agar link tersebut tidak diganti. Selain itu, terkadang kita juga merasa sulit jika ingin menambahkan elemen-elemen lain kedalam theme yang kita pakai.

Untuk dapat memodifikasi theme orang lain agar menjadi buatan sendiri, minimal kita harus merubahnya lebih dari 50%. Perubahannya pun harus kelihatan signifikan. Caranya dengan memodifikasi theme tersebut kemudian menambahkan elemen2 dari theme lain, hal tersulit adalah membaca struktur css yang mereka buat, karena gaya penulisan seorang programmer umumnya berbeda2 walaupun pada dasarnya mereka harus tetap mengikuti syntak yang ada.

Selanjutnya akan dilaporkan bagaimana praktek membongkar themes gratisan, ada beberapa hal yang perlu dipersiapkan diantaranya :

Bahan-bahan yang diperlukan :

1. Paket XAMPP (wajib)
2. Paket wordpress self hosted (wajib)
3. Themes gratisan yg sudah di download (wajib)
4. Aplikasi Notepad+++ (wajib)
5. Aplikasi AdobePhotoshop CS (disarankan)
6. Browser mozilla firefox (disarankan)
7. Sebungkus rokok dan secangkir kopi (wajib)

Supaya tidak bingung, berikut laporannya.

1. Paket XAMPP
Diperlukan untuk menjalankan server di komputer lokal, aplikasi ini sudah mencakup server apache, mySql dan phpMyadmin. Jika belum tahu cara menginstallnya silahkan ikuti laporan menginstall XAMPP .

2. Paket wordpress self hosted
Content management System ini yang akan kita jalankan sehingga anda wajib mendownloadnya disini. Selanjutnya diekstak dan disimpan di root directory server xampp yang sudah diinstall sebelumnya. Karena kita install di komputer lokal maka kita tempatkan wordpress di /xampp/htdocs/wordpress

3. Themes gratisan yg sudah di download
Kita bisa mendownload salah satu situs theme gratisan. Tapi supaya sama maka disarankan untuk mendownload theme namatheme. Setelah didownload, ekstrak kemudian simpan di /xampp/htdocs/wordpress/wp-content/themes

4. Aplikasi Notepad+++
Software ini wajib sebagai code editor, ingat kita bukan mau ngedit text tapi kode, sehingga kita butuh aplikasi yang bisa membedakan mana kode dan mana text biasa. Download disini.

5. Aplikasi AdobePhotoshop
Minimal bisa sedikit menguasai cara melakukan crop dan edit text. Jika anda belum paham cara mengopersikan Photoshop saya juga menayangkan tutorial tentang adobe photoshop secara berseri.

6. Browser mozilla firefox
Disarankan menggunakan firefox karena lebih cepat dan banyak plugin nya. Diataranya adalah web developer yang berguna untuk mengobrak-abrik css halaman web page.

7. Sebungkus rokok dan secangkir kopi
Penting agar inspirasi tetap bejalan dan ngedit code terasa seperti membuat puisi.

Jika semuanya sudah OK maka kita akan mulai pembahasannya yang akan dibagi kedalam beberapa episode ( kayak sinetron ).

Sebelumnya kita lakukan pengecekan kesiapan bahan-bahan yang telah diracik sebelumnya. Pada tahap ini saya anggap anda sudah melakukan penginstallan semuanya dengan benar dan wordpress sudah berjalan diserver lokal. Untuk memastikannya ketik di browser anda http://localhost/wordpress/

Jika muncul seperti gambar diatas, berarti persiapan sudah OK. Pada pertemuan selanjutnya saya akan menayangkan episode2 menarik diantaranya :
1. Mengenal Struktur Theme Wordpress
2. Mengenal Style.css
3. Mengenal .php yang ada di theme
4. Membongkar theme gratis
5. Mencuri kode css dan php di blog orang lain

Tags: domain, themes, Wordpress