Tool Praktis Belajar Modifikasi Theme WordPress
Posted on 08. Jan, 2010 by abbie in Blog Design
Sekedar ingin sharing pengalaman pribadi. Saya termasuk newbie yang sering gonta-ganti theme WordPress. Suka sok nggaya nge-hack theme WP karena kadang tampilan theme free download yang kurang ’greng’ di hati. Tool andalan untuk belajar ngoprek juga alakadarnya dan sangat simpel. Meskipun demikian, belajar modifikasi theme WordPress ini ternyata sangat terasa manfaatnya.
Perkakas nge-hack theme WP ala newbie
Modifikasi theme WP sebaiknya kita kerjakan offline. Keuntungannya :
- Lebih enteng di dompet karena nggak usah bayar koneksi internet (kecuali yang inetnya gratisan).
- Page lebih cepat loading.
- Tidak mengganggu kenyamanan visitor blog kita.
- Juga lebih santai.
Karena ini sharing dari blogger bayi untuk blogger newbie ( he..he.. ), mohon maaf jika hacker WordPress beneran yang kebetulan baca tulisan ini tidak setuju. Atau, kalau mungkin malah punya tool lain yang lebih jitu, bagi-bagi di comment tentu sangat dinanti. 
Nah.. tool di bawah ini semuanya free. Nggak pake bayar. Praktis dan mudah digunakan.
- Yang paling penting, platform WordPress-nya sendiri.
- Software localhost server seperti PHP Triad, XAMPP atau WAMP.
- Browser Mozilla Firefox.
- Kenapa musti Firefox? Ada add-on Firefox hebat untuk membantu memodifikasi tampilan situs. Namanya Firebug. Meskipun ada versi Firebug Lite untuk browser yang lain, kinerja Firebug lebih optimal di Firefox.
- Crimson Editor. Ini software untuk code editor. Kita memerlukannya untuk mempermudah mengedit kode di file php dan css theme WordPress kita.
- WordPress Help Sheet. Bahasa gampangnya: contekan.
Sedikit review dan link download
WordPress on localhost server
Modifikasi sebaiknya offline. Siapkan file instalasi WordPress untuk kita instal di localhost. Anda bisa membaca tulisan saya tentang bagaimana cara menginstal WordPress di komputer kita. Karena versi WordPress yang sering upgrade, disarankan kita menggunakan software localhost server versi terakhir. Saya menggunakan WAMP5 yang sudah berkonfigurasi Apache versi 2.2.4, PHP versi 5.2.3 dan MySQL versi 5.0.41.
Download link : WordPress | WAMP Server | XAMPP for Windows
Mozilla Firefox dan add-on Firebug
Entah sudah berapa kali saya baca Firefox sementara ini lebih direkomendasi daripada Internet Explorer punya Bill Gates. Yang pasti, untuk tujuan modif theme WP ini kita perlu add-on Firebug yang terinstall pada Firefox.
Bersama Firefox, Firebug berguna untuk melihat back-end code dari sebuah webpage, seperti html dan css. Hebatnya, kita bisa memonitor, men-debug dan mengedit code di jendela Firebug dan hasilnya langsung terlihat real-time pada webpage di browser. Silahkan kunjungi GetFirebug.com untuk mengetahui lebih banyak fitur add-on ini.
Download / Installation link : Firefox | Firebug for Firefox
Crimson Editor dan WordPress Help Sheet
Saya dulu menemukan Crimson Editor secara tidak sengaja di sebuah ebook cara membuat website yang dirilis tahun 2003-an (kalau nggak salah). Merasa cocok setelah mencobanya, software berikon anjing ‘melet’ ini menjadi teman saya ketika belajar mengedit theme WordPress.
Dulu saya menggunakan notepad, langsung mengedit theme dari dalam ruang admin WP, atau bahkan bela-belain login ke CPanel dan pakai FTP. Dengan Crimson, modifikasi theme menjadi lebih mudah karena barisan code tampak lebih rapi dengan nomor, warna, blocking dan sebagainya. Jadi jika kita dapat error message seperti ini..
Parse error: syntax error, unexpected ':' in C:\wamp\www\bla..bla..bla..\wp-themes\single.php on line 98
… Crimson Editor akan mempermudah kita menemukan baris nomer 98 pada file single.php.
Lalu tentang WordPress Help Sheet?
He..he.. ini contekan berupa file pdf dari WPCandy.com yang berisi php snippet standar WP. Buat saya, menghapal kode-kode php dan css serta cara menulisnya sungguh merepotkan. Enakan nyontek. Buat yang ingin lebih pinter, ada yang versi advanced. Lumayan lah daripada ngapalin code php yang tulisannya aneh-aneh itu.
Download link : Crimson Editor | WP Help Sheet | Advanced WP Help Sheet
—
Nah.. rampung deh nulis sharingnya. Sekali lagi, ini sekedar sharing tool yang saya [baca: NEWBIE] pakai ketika memodifikasi theme WP hasil download sebelum diupload lagi. Moga2 bermanfaat untuk sesama newbie. Kalau temen-temen blogwalker merasa tools tadi sudah jadul dan nggak update, mohon maklum, namanya juga masih belajar. Buat yang mau sharing tool yang lebih bagus lagi, jangan sungkan-sungkan ya. It’ll be highly appreciated. 
Artikel yang menarik, saya juga suka utak-atik themes WP, Makasih yaa..
salam kenal, boleh tukar link?
Informasi Internet’s last blog.. Convert Video .FLV ke .AVI
wah, sy utak-atik masih pake cara lama, dgn notepad …
suatu saat klo mau ngoprek sy akan coba alat bantu lainnya ..
terima kasih sudah share …
hpnugroho’s last blog.. Membuat sesuatu yang berbeda
@ Informasi Internet,
Terima kasih sama2 pak.
Tuker link? Boleh…
@ HPNugroho,
Terima kasih jg mas.
Muga2 sukses ngopreknya..
1. Tentu, WP nya.
2. Pakai XAMPP, fiturnya lebih banyak, sekaligus bisa coding apa saja.
3 & 4. Browser pakai IE 8 dan Opera 10, karena di IE 8 udah ada developer toolsnya, sayangnya Opera belum merilis Dragon Fly – nya.
5. Pakai Komodo Edit untuk yang ringan, untuk yang berat pakai Eclipse Europa
6. Gak pernah pakai. hahahaha…
ganda’s last blog.. Which CMS Do You Prefer?
@ Ganda,
Wah.. klo bro satu ini yg sdh ngomong coding, sy pasti manggut2 aja.
Thx infonya. Klo ada kesempatan, sy mau coba2 juga ah..
Selamat Tahun Baru 2010
Hati Hati ARUS PERCEPATAN menimpa Nusantara
Sahabat semuanya tahun 2009 sudah di belakang kita..
DEMI MASA..
DEMI WAKTU..
WAL ASRI..
semuanya sudah kita lalui bersama sama..
Canda tawa riang Gembira Tangis suka duka nan pilu telah berlalu..
semua telah kembali ke alam LAMUNAN TUHAN..
Tahun 2010 akan datang Menyongsong kita semuanya..
Tahun 2010 akan segera kita jalani setapak demi setapak..
Semua itu masih menjadi RAHASIA TUHAN..
Sesungguhnya Masa yang akan Datang Masih Berada dalam Sirr nya TUHAN..
Bahkan Sirr/ubun ubun manusia selalu berada dalam Genggaman Tangan Tuhan
Sesungguhnya Hidup Manusia berada dalam Genggaman Tangan Tuhan..
Sahabat.. mari kita diam sejenak melamun di alam lamunan Tuhan..
Membuka kembali perjalanan Tahun 2009 yang baru kita lalui bersama sama..
Diam dalam tafakur perenungan diri yang dalam..
Bukankah waktu yang lalu adalah guru untuk ESOK lebih baik
Bukankah kita harus mengambil hikmah perjalanan kemarin demi perbaikan
Sahabat Jangan Sia Siakan Waktu sebelum waktu berbalik melindas kita
Mari kita benahi diri kita masing masing dan belajar serta terus belajar
Menemukan Tujuan Hidup Manusia dalam Kesadaran Sepenuhnya
Walau kemungkinan tahun 2010 akan berjalan dengan berat..
Keadaan mungkin semakin tiada menentu dan semakin sulit saja
Fenomena alam dan gejolaknya semakin kerap bertambah melanda
Tapi biarlah semua itu menjadi pelajaran untuk ber SEGERA
Segera melangkah membenahi diri.. diri lahir dan diri bathin..
Membenahi Perjalanan Lahiriah dan Perjalanan Bathiniah yang terabaikan
Ingat sahabatku semuanya sekali lagi bahwa dirimu meliputi lahir dan bathin
Jika tiba Saat dan Waktunya maka diri lahir akan kembali kepada tanah
Tetapi sekali lagi INGAT !!! karena diri Bathin akan bangkit melanjutkan perjalanan
Diri Bathin akan menuai hasil apa yang selama ini kita tanam dan perjuangkan
Menangis DARAHpun percuma saja jika kau lalai selama di sini
Sahabat mulailah berfikir untuk menata kehidupan bathin kita masing masing
Sebab ketahuilah kehidupan bathin adalah sebuah perjalanan spiritual panjang
Diri Lahiriah melambangkan nilai manusia di hadapan manusia lainnya..
Sedangkan Diri Bathiniah melambangkan Nilai Manusia dihadapan Tuhan..
yayaya.. Sesungguhnya NILAI MANUSIA dihadapan ALLAH ada di sini..
Sahabat biarlah tahun 2010 menjadi tahun kebangkitan bagi kita semua
Tahun 2010 menjadi Momentum Bangkitnya Kesadaran dalam Diri
Mari Sahabatku semuanya gapailah esok lebih baik dan lebih baik lagi
Sekali lagi MELANGKAHLAH SEGERA.. jangan SIA SIA kan waktumu..
Sebelum TERLAMBAT
Selamat Tahun Baru 2010
KangBoed’s last blog.. Pesan Amanat Kehidupan
Salam Kangen
Selamat Tahun Baru
Semangat Baru
Menemukan Diri Sebenar Diri
Meraih Kehidupan Sejati..
RAIHLAH “JATI DIRI MANUSIA”.. untuk
MENGEMBALIKAN JATI DIRI BANGSA INDONESIA
Salam Cinta Damai dan Kasih Sayang ‘tuk Sahabatku terchayaaaaaank
I Love U fullllllllllllllllllllllllllllllll
KangBoed’s last blog.. Foto Latihan Senam Hamil Khusus Ibu Hamil [BB 21++]
satu lagi, komodo edit bisa di gandengkan dengan drupal, sehingga reference function listnya bisa kelihatan, mungkin wordpress juga bisa di integrasikan.
ganda’s last blog.. Which CMS Do You Prefer?
ah, memang bisa. komodo edit mampu melakukannya. hehehe…
mungkin komodo edit sudah bisa mencakup editor dan contekan tersebut.
ganda’s last blog.. Which CMS Do You Prefer?
@ Kang Boed,
)
Waduh.. kang Boed bikin postingan di sini.
Selamat tahun baru jg kang. Mg2 thn ini lebih baik drpd th lalu.
@ Ganda,
Sip. Trm ksh bos Ganda.
Saya cek TKP ah..
Wah, kalo masalah soal problem nyang ini, saya mingsih jawuh pak.
Tutonya ku kopas dulu ya pak. Boleh kan?
Wandi thok’s last blog.. Mencari dolar dari Paid per Review
Buat Mariska ini ilmu baru semua pak di blog bapak ini. Salam kenal pak dari Mariska di Kendal Jateng. (Baru ngeblog 3 bulan nih)
Untuk theme yang di WP.com (gratisan) bisa nggak pak dioprek-oprek?
Mariska Ayu’s last blog.. Delapan daftar kekejaman perempuan
@ Wandi thok,
Sama mas, sy jg mingsih sinau. he..he..
Monggo klo mau dicopy mas.
Klo mau direpost, jgn lupa edit2 dikit & sertakan link k post ini yah.
@ Mariska Ayu,
Salam kenal lg mbak Mariska. Maturnuwun dah mampir..
Utk theme yg di WP.com kyknya bs jg deh.
Tp persisnya lupa. Selama ada menu Appearance > Editor, berarti ya bs diubah2. CMIIW..
Wah2, tools legendaris dreamweaver ga dimasukin ke list yah
Btw themes di WP dot com ga bisa diedit. Musti bayar biar bisa make fasilitas itu
Uchan’s last blog.. Menipu Facebook
@ Uchan,
Selamat dtg bos Uchan.
Dreamweaver gak dimasukin krn sy gak pernah pke. Dlu pas pertama kali nyoba bisnis online, ada temen saranin pke Dreamweaver, tp sy gak sempet coba.
Sharing dong bos..
mau tanya, koq aku waktu install xampp maupun wamp koq sll ada file yg engga isa di install yagh, sehingga aplikasi xampp ato wamp engga bisa difungsikan…
ada yg tau kenapa koq error ? salahnya ada di proses wkt donlod aplikasi xampp / wamp nya ato windows ku yg error yagh?
@ Maria,
File apa yg gak bs keinstal? Klo ketauan filenya, mgkn bs dikejar salahnya di mana..
terima kasih sudah berbagi, ijin ikutan belajar untuk memodifikasi wordpress ya, sy pengen bisa memodifikasi theme saya
salam dari jogja
salam juga dari saya mas eric.
selamat datang di wordpress..
jujur, masih bingung, newbie
sinjay school (blog dofollow)’s last blog.. Graduate Degree Options