3
May
May
Pernah tak anda mengalami peristiwa begini :
Dah edit theme bagi cantik-cantik, ubah font , hide blog tittle dan hide blog description tapi lepas update theme ke versi baru, semua perubahan yang anda lakukan hilang? Kalau tak pernah jadi, bagus la, tapi dah banyak kali jadi kat blog saya sampai saya dah malas nak bukak editor dan edit lagi dan lagi terutama bab blog title dan description untuk theme twentyten yang saya pakai ni..huhu..
Lepas google banyak solutions, akhirnya jumpa jugak cara paling senang nak edit theme tanpa kena buat perubahan pada file asal theme. Cara yang saya guna adalah dengan menggunakan Child Theme bagi theme asal dan melakukan perubahan yang dikehendaki pada Child Theme supaya apabila theme asal yg kita guna di update, perubahan yg kita lakukan takkan hilang kerana perubahan yang dilakukan adalah pada Child Theme dan Child Theme tidak di update.
Software yang diperlukan :
1- Xampp atau wampp atau apa saja program yang membolehkan anda melakukan editing blog secara offline. Jika tak tahu cara menggunakan , boleh rujuk di sini
2- Notepad++ , Pspad, wordpad atau dreamweaver atau apa sahaja program yang membolehkan anda menulis code-code css baru ( lebih baik guna yang warna warni jika anda tak mahir menulis dan membaca code css supaya anda dapat membezakan antara code yang berlainan)
Katakanlah saya menggunakan theme twentyten dan mahu melakukan perubahan pada style tulisan atau apa-apa saja pada theme tersebut yang melibatkan style maka saya akan membuat satu folder theme baru yang bernama twentyten-template (atau apa-apa saja nama yg anda suka, nak tulis twentyeleven pun boleh..hehe) dan di upload ke dalam hosting ke bahagian theme
C:\xampp\htdocs\umyra\wp-content\themes
Bina satu folder baru bernama twentyten-templates
Dalam contoh ni, saya menamakan theme baru sebagai twentyten-templates.
Dalam folder tersebut akan saya letak 1 file yang dinamakan stlye.css dan segala perubahan yang mahu saya lakukan, akan saya lakukan pada file style.css yang di dalam folder child theme (twentyten-template) ni.
Bina satu file bernama style.css
Kemudian, buka file style.css dan paste code seperti di bawah.
/*
Theme Name: Twenty Ten Templates
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable — make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the “Asides” and “Gallery” categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Template: twentyten
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/
@import url(‘../twentyten/style.css’);
Anda boleh copy daripada file asal style.css dari theme asal anda dan tambah bahagian Template : twentyten. Bahagian ni penting supaya Child theme anda dapat mengetahui dari mana sumber theme untuk dirujuk . Jika tak tambah part ni, perubahan pada theme anda tidak akan di lihat pulak. Oh, ya ejaan twentyten pada template tu perlu sebijik sama dengan theme asal ye,dan case sensitive, jadi kalau nama theme anda bermula dgn huruf besar, pastikan anda guna huruf besar pada Twentyten.
Lepas tu, tambah aje code css apa-apa yang anda perlu untuk melakukan editing pada blog anda pada style.css di child theme ini.
Contohnya, saya mahu menyembunyikan blog tittle dan description jadi saya akan letak code
/* hide site title */
#site-title {
display:none;
}
/* hide site description */
#site-description {
display:none;
pada file style.css kemudian save.
Untuk melihat perubahan yang berlaku, anda perlu activate dahulu child theme pada dashboard blog anda. Lepas activate child theme yang bernama (twentyten-template) , anda jangan delete pulak ye folder theme twentyten yang asal. 
. Nanti tak boleh nak load pulak blog anda sebab tak da rujukan bagi child theme.
Then, dah siap. Untuk perubahan lain, anda boleh buat dgn meletakkan file .php yang lain untuk perubahan pada sidebar, header dan sebagainya di dalam folder child theme. Banyak lagi perubahan yang boleh anda lakukan!!..Rajin-rajin lah google..haha..
madlut
May 3, 2011 at 2:22 PMperghh!!!…dah hebat dah!!..
faezon
May 3, 2011 at 2:24 PMces!!..haha..thanks!
zik
May 3, 2011 at 10:24 PMcayalah… macam tuh rupanya… kalau nak save theme yang kita dah edit , macam tuh rupanya… senang sikitlah..tak payah nak edit sekali lagi. kalau update..
zik bercerita mengenai..Boikot makan ayam- kenapa
faezon
May 6, 2011 at 12:23 PMhehehe..betul tuh zik
Kidney Expert
May 5, 2011 at 3:39 AMSalam admin,
Saya pun menggunakan tema twenty ten. Bagi saya ianya agak mudah sebab dah disediakan satu bahagian untuk mengubah rupa tema tersebut seperti bahagian header, background.
Cumanya kalau ada kemahiran untu mengedit css, lebih baiklah.
Kidney Expert bercerita mengenai..Awas Perokok!Rokok Merosakkan Buah Pinggang Anda
faezon
May 6, 2011 at 12:24 PMyup, betul tu KE, twenty ten ni sebenarnya boleh customize banyak lagi, cuma kena rajin lah cari code-code yang sesuai.
Azhar@Shed Plans
May 5, 2011 at 3:29 PMNaseb baek ad cik faezon buat tutorial ne,da lame cari tak jumpe akhirnye
Azhar@Shed Plans bercerita mengenai..Metal Garden Sheds – The Good and Bad
faezon
May 6, 2011 at 12:25 PMLadfe Amir
May 5, 2011 at 10:32 PMsaya pun pernah guna theme twenty ten. tapi tak serasi..terus pegi ke theme yg ada skrg.
btw.. thank atas tutorial tu. mmg menarik jika dapat ubah apa yg susah diubah. mmg kena minta nasiat pakcik G selalu
Ladfe Amir bercerita mengenai..Bukan Kerana Buah Marula
faezon
May 6, 2011 at 12:26 PMhehe..yeke. dulu saya guna theme lain tapi rasa mcm lecehnya nak ubah tak paham sgt, tu yg back to basic tu, guna theme default wordpress jer..
Saya Laa Dia
May 6, 2011 at 12:16 AMBoleh dibuat rujukan ni.
Kot satu hari nanti pakai theme ni ke.
Mucha gracias, Sis! ^^
p/s : Menggodek segala kod memerlukan kesabaran. Heh.
Saya Laa Dia bercerita mengenai..Perkongsian – Faedah Membaca Buku
faezon
May 6, 2011 at 12:33 PMsama-sama Sis!!
p/s : batul tuh..hoho..
titan
May 6, 2011 at 11:04 PMaku dah pening edit theme nih. haha..
titan bercerita mengenai..Akupun blogger gak
faezon
May 9, 2011 at 10:56 AMhaha…edit apa-apa pun memang pening kalau tak biasa.
muhammad fakhruddin
May 8, 2011 at 10:02 AMBookmark dulu entri ni
Saya pakai theme buatan Malaysia je.
muhammad fakhruddin bercerita mengenai..Negeri 5 Menara-Kisah Budak Pondok
faezon
May 9, 2011 at 11:04 AMtheme buatan Malaysia? mcm mana nak tahu eh?
yoy
May 8, 2011 at 5:55 PMmine using this theme too..:)
yoy bercerita mengenai..Register dan Dapat RM10!
faezon
May 9, 2011 at 11:04 AMsyahrilhafiz
May 8, 2011 at 6:05 PMwow!! tahniah, themes saya tu masih parent
tak buat child lagi pun, tapi selalu la backup theme ni waktu nak upgrade..hehe
btw entri ni kemas, gugul kot edit themes 2010 macam tu..:D
psst! nak buat baru tu yang biar je parent, sebab ada banyak benda lagi nak edit..hehe tunggu nk upload je lah
syahrilhafiz bercerita mengenai..Tips pemilihan nama domain berkesan
faezon
May 9, 2011 at 11:05 AMwah…pandai eh wat theme baru!!!!!..cayalah,, boleh berguru nih… saya nk wat child theme ni pun fenin-fenin dah..hoho
RozaniGhani
May 10, 2011 at 10:31 PMcuba try guna child theme dari WPCharity.com kat xampp.
saya banyak belajar php dan css dari child theme WPCharity.
faezon
May 13, 2011 at 3:02 PMokayh..thank for the sharing RG.
Dila.13
May 12, 2011 at 1:13 PMCayalah Ejon. Cenggini boleh buat freelance setup blog WP
Dila.13 bercerita mengenai..Pernah tak anda fikirkan kenapa pelanggan yang anda terima hanya one-off dan tak ada pelanggan berulang
faezon
May 13, 2011 at 3:03 PMhahaha..kalau nak buat bisness setup blog WP takat point domain ke server boleh la..hahaha..nk edit2 ni, kang terpening pulak.
aimannajmy
May 13, 2011 at 2:54 AMwah mantop!! huh tak penah pun kaji benda2 ni huhu.. men bubuh ja asal theme berkenan pastu remove footer links haha
faezon
May 13, 2011 at 3:06 PMhahahaha…footer links pulak yg plg awl nk remove kan..haha.. sy pun baru jer ni Man, tahu sikit2 jer.
Evo
May 13, 2011 at 7:21 PMComelnya, kedua-duanya sekali, blog dan tuan punya blog..
Evo bercerita mengenai..Filem komersial pendek Mercedes-Benz C-Class Coupe – Drive & Seek
faezon
May 15, 2011 at 2:23 AMeh.eh..terima kasih kata blog dan blog owner..