Setelah pada bagian pertama membahas pengenalan file-file yang ada dalam sebuah Wordpress Themes, kali ini saya mencoba berbagi tentang apa saja yang perlu kita persiapkan dalam membuat wordpress themes. Oh yah saya menulis artikel ini bukan berdasarkan ebook apapun, semua berdasarkan apa yang telah saya lakukan. Karena pada dasarnya membuat theme sendiri merupakan modifikasi dari theme wordpress default maka pada awal saya mau berbagi justru tidak dengan memodifikasi theme default wordpress karena mungkin akan susah untuk diikuti, selanjutnya setelah bisa memodifikasi themes yang sudah ada barulah selanjutnya kita mencoba membuat theme yang benar-benar baru (walaupun beberapa bagian harus mencontek dari themes wordpress classic). Sekali lagi mungkin perlu saya tekankan bahwa : Tidak ada wordpress themes yang BENAR-BENAR BARU karena pada dasarnya semua themes wordpress merupakan HASIL MODIFIKASI dan PENGEMBANGAN themes wordpress DEFAULT dan CLASSIC. Jadi pada tahap awal, saya akan berbagi jalan singkat untuk membuat theme wordpress sesuai dengan yang kita inginkan dengan cara memodifikasi wordpress themes apapun yang sudah ada. Yang perlu dipersiapkan adalah :
- Sebuah theme wordpress yang ingin di modifikasi, saya sarankan untuk menggunakan theme wordpress yang gratisan. Sebagai pertimbangan bisa di baca disini.
- Jika ingin memodifikasi theme wordpress tanpa harus online, kita harus menyiapkan server emulator. Untuk lebih jelasnya bisa di baca di sini dan disini.
- Program Adobe Dreamweaver untuk membaca file php dan css. Selain dreamweaver bisa menggunakan software editor seperti: Cute Edit Pro, XML Reader atau software apa saja yang berfungsi untuk mengelola file-file xml, php, html dan lain-lain. Saya tidak menyarankan notepad walaupun sebenarnya bisa, karena jika memakai notepad justru bisa merusak kerapian struktur kalimat-kalimat dalam file-file php dan css.
- Daftar kode warna-warna yang dapat dibaca oleh web, daftar kode warna-warna ini bisa juga dilihat melalui software pengelola gambar dalam hal ini saya mereferensikan Adobe Photoshop.
- Software pengelola gambar dalam hal ini saya memakai Adobe Photoshop dan Adobe Fireworks.
- Karena saya ingin berbagi memodifikasi themes wordpress secara offline, karena itu dibutuhkan wordpress offline, untuk lebih jelasnya pernah saya membahasnya disini. Namun bagi yang mau memodifikasi di hosting yang terhubung dengan internet abaikan saja poin ini.
Sebelum kita benar-benar memulai maka ada baiknya kita mencoba melihat sekilas dan mengenal struktur file css dalam hal ini Style.css yang terdapat di folder wordpress themes yang sudah kita persiapkan. Saya menggunakan Adobe Dreamweaver untuk membukanya dengan alasan, tampilan lebih rapi serta warna-warna yang tertata.
Bagian atas berwarna abu-abu, warna abu-abu menyatakan bahwa apapun yang tertulis di situ tidak akan di eksekusi karena pada dasarnya yang berwarna abu-abu hanyalan merupakan komentar. Untuk membuat komentar selalu di awali dengan tanda /* dan diakhir dengan tanda */ . Namun jika komentar hanya terdiri dari satu baris maka cukup memberi tanda // sebelum komentar. Yang berwarna merah jambu merupakan judul, nama atau label, kode atau apapun itu yang akan di baca sebagai deklarasi. Yang berwarna biru tua merupakan perintah eksekusi yang nilainya berwana biru. Kita ambil contoh :
#header{ width: 928px; }
kata header merupakan nama dari sebuah perintah. Isi perintahnya berada dalam tanda { } , pada contoh di atas perintahnya adalah width yang menyatakan lebar yang bernilai 928px. Setiap perintah harus diikuti dengan tanda : kemudian setelah diisi dengan nilai harus diakhiri dengan tanda ; . Sebelum lanjut, silahkan membaca-baca dan mempelajari struktur file sytle.css. Apabila ada yang masih belum mengerti sejauh yang telah kita bahas jangan sungkan-sungkan ajuin aja pertanyaannya yah. Selanjutnya saya akan berbagi tentang mengubah tampilan sebuah themes, langsung dengan membandingkan file php dan file css.
Tulisan ini saya tulis berdasarkan apa yang telah saya lakukan dan bukan berdasarkan ebook atau buku apapun yang saat ini banyak dijual di toko maupun di internet. Karena pada dasarnya saya ingin berbagi apa yang saya pelajari secara gratis kepada sahabat-sahabat yang benar-benar mau belajar dan berbagi bersama-sama dengan saya, maka saya mohon artikel ini tidak di komersilkan. Jika ingin saling berbagi maka silahkan melink dengan artikel ini.. hehehe Jika sahabat-sahabat ada yang mau keluarin uang untuk membeli ebook atau buku tentang membuat atau memodifikasi themes ya silahkan saja..
Saya akan sangat berterima kasih jika teman-teman memasang link di blogroll atau dimana pun di blog masing-masing dengan deskripsi:
Text : Tutorial membuat Wordpress Themes
URL : http://www.zalukhu.com/tips-dan-trik/membuat-theme-wordpress-sendiri-bagian-1
Title : Tutorial membuat Wordpress Themes
Popularity: 7% [?]
Jul 11, 2008 at 20:46:39
PERTAMAAAAAAAAXXXXXX……\
Walopun ga mudeng wordpress…….hehehehehe
numpang nongkrong yah mas…
Jul 11, 2008 at 22:12:02
Ye, koq ya masih mbahas WP aja. Blogger user gak ngerti nih, Bang. Ayo, cepetan ganti topik.
Jul 11, 2008 at 22:12:27
Sekali lagi kontennya akan dicopas neh untuk jadi refesensi utak-atik wp theme di rumah teman….
Bolehkan bang?
Jul 11, 2008 at 22:30:38
ahhh masih gak mudeng nih sama wordpress?
Jul 12, 2008 at 22:01:31
kepengeeeeeeeeeennnnnnnn banget bisa modifikasi themes.
trims ya mas augus, walaupun kayaknya saya bakal puyeng prakteknya
Jul 12, 2008 at 22:46:52
artikel yang ini juga saya “Save As” ya Om..
Jul 13, 2008 at 12:56:34
@Rudyahud : awas.. beneran nongkrong yach jangan boker hehehe
@Ecko : walah blogger blogspot minta jatah
@PutraEka : walaaah…
@Bocahiseng : heheeh
@Yudi : hehe terus berjuang…
@Bobrock : silahkan asal jangan dipublish dan di komersilin yach hehehe
Jul 16, 2008 at 17:40:41
g bisa
g bisa mas
aku edit dari wordpres admin
byme
dijawab ya
Jul 16, 2008 at 18:08:54
@Yudi : dah di jawab ko di artikel sebelah.. Mas mengotak-ngatik themes default khan ? hehe coba mas yudi bersihin cookies browsernya. Terkadang memang kejadian spt itu, jika masih belum coba cek apa benar-benar nama file gambarnya sama atau ga.
Kalau masih belom juga, emailin ke emailku ajah hihihihi…
Aug 1, 2008 at 07:46:05
wuihh..
gag ngertii niehh
iaang gampang aj dong…
*kea di friendster bisa buat layout pake futu sndri..
*di pergampang aj donkk..
n_n
Aug 13, 2008 at 17:09:43
copi lagi, ntar tak bacanya buat di praktekin, tapi kalu ga’ mudeng, aq tanya lagi ya mas.
Aug 13, 2008 at 17:15:00
mohon bimbingannya buat merubah latar menjadi merah. :))
Aug 16, 2008 at 10:29:41
mantap… dah ngikutin sampai sini pasti makin runyam masalah dunia ini…. “COBA DULU BARU MIKIR” hehehe…