Tidak dinafikan setiap kali melawat blog – blog yang dimilki oleh web designer dan web developer akan timbul perasaan iri hati melihat design blog yang mereka paparkan di setiap penjuru blog samada bahagian header, body, sidebar mahupun footer. Apakan daya, dulu – dulu tak minat tentang perkara ini semua, bila dah makin berumur ni timbul pulak rasa menyesal.. maklum sajalah dulu tak nampak prospek bidang tersebut. Walau bagaimanapun, untuk rakan – rakan blogger seperti saya (tidak ada kemahiran asas HTML, CSS) tapi berminat untuk belajar bertujuan “memporak perandakan” blog sendiri, saya akan kongsikan satu cara mudah untuk customize wordpress theme menggunakan extension/add-on iaitu Firebug.
Firebug Add-on
Apa Itu Firebug
Secara ringkasnya, Firebug merupakan extension atau add-on untuk browser Firefox dan Chrome.
Kelebihan Penggunaan Firebug
- Penggunaan Firebug membolehkan anda customize kod HTML dan CSS tanpa menjejaskan kod asalnya,
- Firebug boleh dianggap sebagai add-on untuk mendapatkan gambaran x-ray kod HTML dan CSS style yang digunakan di blog anda mahupun mana – mana blog lain,
- Bahkan yang paling menarik sekali ialah Firebug membolehkan anda melakukan customization secara terus (real time) dan anda dapat melihat hasilnya dengan segera,
- Membolehkan anda “meniru” atau mencontohi mana – mana CSS style yang anda berkenan dan perolehi dari blog lain,
- Membolehkan anda menikmati dan menghayati ala – ala seorang web designer. (Bonus).
Cara Penggunaan Firebug Untuk Customize WordPress Theme
Sejujurnya, terlalu sukar untuk saya menerangkan cara penggunaan Firebug dalam proses customize wordpress theme menggunakan perkataan. Walau bagaimanapun, video yang bakal saya kongsikan di bawah mampu menerangkan segala – galanya tentang penggunaan Firebug.
How to use FireBug to modify a WordPress theme from WooThemes on Vimeo.
Installation Link
Sekiranya anda berminat, dapatkan Firebug dari link di bawah;
Kesimpulan
Personally, saya cukup gemar menggunakan add-on Firebug ini selain YSlow dan Screengrab. Sememangnya banyak perkara yang mampu dipelajari tentang HTML dan CSS menggunakan Firebug. Diharapkan dengan perkongsian ini dapat membantu rakan – rakan blogger belajar serba sedikit tentang asas web designer sebagaimana ia telah banyak membantu saya. Kata orang “Practice make Perfect“.
Terbaik.kena try ni.
eszairy recently posted…ISYARAT TANGAN – DI SALAH ANGGAP DAN FAHAMAN
Cuba bro jangan tak cuba.
Memamg paling sesuai kalau guna chile theme. Ni yg tak sabar nak guna nih
Sobri Mansor recently posted…Lucas Podolski Di kritik Berth Vogts
Saya selalu guna untuk inspect css dr blog lain, especially kalau ada yg berkenan. :)
ciktom br install… nk tgk video tu xdpt sbb tnet slow…nanti dtg godek lg lepas tnet ok..hee
cik tom recently posted…Komisyen Pertama dari Kekcoklat
Kalo ada yg mintak tolong, biasanya sy guna Firebug nilah utk check blog. :)
Dah hampir 2 tahun pakai add ons ni memang superb !
ProfHariz recently posted…JUARA EURO 2012
Firebug memang terbaik
wah dh 2 thn.. ciktom br tau bc entry ni..
cik tom recently posted…Tips Cara Menang Contest Online
ada jugak aku pakai firebug nie tapi untuk adjust css jer,,,but html nie susah sikit sebab aku pakai framework theme..
hatiputera recently posted…Berpindah Hosting dan Domain
Kalo guna framework susah sikit,.. nape tak dptkan child theme terus bro.?
shraqs recently posted…Ciri – Ciri Terbaharu WordPress 3.4
try and error…best main2 dgn css dan html ni..tapi boleh berpinau gak biji mata..
bardboo recently posted…Lil’ Baby Ku Sayang | Pengalaman Mengandung di Negara Orang
Jangan main lama2,.. :)
Orang yang berbuat jahat dengan kehendaknya sendiri.
Jebeng Otai™ recently posted…No Posts Were Found!
Sorry bro,.. aku tak faham la.. :)
shraqs recently posted…Cara Mendapatkan Senarai Top Commentator Selepas Reset
sori2..silap tampal..haha :)
Jebeng Otai™ recently posted…Pemadam Api ABC
Patutla aku tak paham :)
sy nk edit google snippet didalam theme guna firebug..dan berjaya.. :)
Jebeng Otai™ recently posted…Pemadam Api ABC
Itula kan,.. memang senang guna Firebug ni. Nak detect problem pun senang.
lau tukar theme tu ada je tak puas hati sebenarnya.. so kdg2 gatal gak tgn tukar mana2 yg rasa nak.. yg tau je la, yg tak tau, tak berani jugak nak usik..
tak pandai pun, tapi bila buat jadi, tu yg best tu..
fiezaradzi recently posted…Juara Euro 2012 Pilihan Lelaki Kacak
Betul! Memang seronok bila dpt buat sesuatu yg baru. BTW, sy guna Firebug hanya utk mengendap HTML & CSS blog org lain. :)
saya pun tak berapa reti dgn css masa blogspot dulu tau jugak sikit2 kalau dah porak poranda takut nanti nk baiki balik tak jadi pulak :)
nuriz recently posted…Ibu Shila Amzah Tegur Sharnaaz Ahmad Terpegang Tangan Anaknya
biasanya back up dulu. lau tak jadi pas main2 dgn html tu, install semula yg asal..
fiezaradzi recently posted…Juara Euro 2012 Pilihan Lelaki Kacak
Kalo nak tukar d php & stylesheet d blog memang wajib buat backup dulu.
Takpe Nur. Firebug takkan mengubah HTML & CSS blog kita selagi kita x save ke php & stylesheet dlm blog. Hanya utk testing real time tanpa save. :)
Nampak macam complicated.
Sukashare recently posted…Google Gravity
1st time mungkin rasa rumit, tapi bila dah cuba 2-3 kali mesti seronok. :)
Wahhh ilmu yang berguna ni.kena try nanti.hehe
Hafizul recently posted…Wordless Wednesday #10 – Aku Ada Kau Ada?
Boleh cuba utk buat testing dan belajar
siapa leh baiki theme blog aku sekarang ni, memang terer la. haha..
titan recently posted…Peluang Greece hampir tertutup?
Apa lagi yang nak diubah tu?
theme aku tu banyak dah rosak. aku dah habis puas baiki. kalau kacau sikit..tersilap sikit, memang bergelap dah blog tu..
titan recently posted…Download 3GP Gadis bertudung
Sensitif tu :)
aku kalau bab theme memang takur sikit nak ubah sendiri.. . time aku guna blogger dulu pandai la sikit2 tp dh guna wp ni jarang.. . .wp theme kadang2 semua dh cun bagi aku.. . tinggak kita nak kena pandai pilih je lah.. . :)
MDHAFiZ.NET recently posted…Keputusan Rayuan Kemasukan Ke IPTA/Politeknik Premier Lepasan SPM 2012
Kalo dah berkenan, tak perlu ubah apa2 lagi bro. BTW, kalo guna add-on ni yang paling best kita bleh ubah suka hati scr real time dan takkan mengubah stylesheet sebenar selagi tidak disave ke WP content.
Memang sesuai untuk aku yang suka ‘memporakperanda’ blog tanpa ilmu
Haha
TQ
Tehr recently posted…Berat Nak Buka Mata
Samala kita Mr Tehr. :) Tapi di situlah keseronokannya kan…
shraqs recently posted…Cara – Cara Root Samsung Galaxy S3 (GT-I9300) Menggunakan Odin