Faster Way to Build Custom Theme Wordpress in Expression Web 3

Siapa yang tidak mengenal wordpress? Yang paling saya kagumi dari platform blogging opensource ini adalah dari sisi aspek usability-nya! And i mean it on both front-end (interface) & back-end (code). Dari sisi antarmuka, ada Dashboard yang sangat user-friendly, khususnya bagi yang baru di dunia per-blogging-an. Sedangkan dari sisi kode, seperti CMS lain kebanyakan, Wordpress memisahkan antara style & content sehingga memudahkan kita untuk membuat custom theme sendiri.

Saya pernah beberapa kali (baru 3x deng :p) mencoba membuat theme sendiri, salah satunya adalah situs pribadi http://umifadilah.net (sayangnya rada terbengkalai..). Situs ini sudah dibuat dari jaman kuliah, menggunakan Expression Web 2. Waktu belajar kira-kira 1 minggu lalu waktu implementasi mulai dari brainstorm, mock-up design, sampai menempelkan theme buatan sendiri ke WPtheme via Expression Web kira-kira 2 minggu. Hal ini merupakan salah satu bukti bahwa gak sulit kok mencoba bikin custom theme sendiri... :)

image

Kenapa Belajar Custom-Theme Wordpress Dianjurkan?

“Learning to make your own custom theme is challenging, especially knowing that there are tons of stuff you can do with Wordpress.”

Bagi saya wordpress bukan sekedar platform blogging, tapi juga tepat untuk pembuatan website jenis portfolio, photo/video-blogging, sampai e-commerce. Karena status open-source nya, maka tersedia ratusan jenis plugin yang menurut saya sangat meningkatkan produktifitas! Dan juga Anda bisa berkreasi dengan segala efek jQuery untuk menciptakan blog yang lain dari biasanya. Sebagai contoh coba tengok photo-blog berikut, dibuat singkat dalam waktu 1 hari atas modifikasi dari theme Urban, yang menggunakan efek scrolling sehingga memberi kesan galeri foto yang seperti timeline plurk :p

image

Bagaimana Expression Web 3 Membantu Mempercepat Proses Pembuatan Custom-Theme Anda?

Dan untuk mempercepat kinerja Anda dalam pembuatan custom theme wordpress di Expression Web 3, dapat menggunakan WP Template Tools Code Snippets  dari MS Expression Community Gallery. Setelah download, ekstrak, maka Anda mendapatkan sebuah file berekstensi .XML bernama WPsnippets.xml. Selanjutnya tinggal copy file tersebut ke direktori berikut:

C:\Users\[windows user name Anda]\AppData\Roaming\Microsoft\Expression\Web 3\Legacy\Expression\Web 3\Snippets

Untuk mengetes apakah code-snippets untuk Wordpress sudah muncul, maka bukalah jendela Expression Web 3 Anda lalu pilih code-view, dan tekan CTRL+Enter. Di bagian paling bawah Anda mestinya sudah bisa melihat daftar code snippets yang penting bagi pembuatan custom theme Wordpress.

image

Sangat menghemat waktu bukan? Daripada Anda susah2 mengetikkan kode2 PHP seperti <?php echo get_bloginfo('name') ?>. Bahkan ini lebih cepat daripada copy paste dari template default WP sebelum dimodifikasi :)

Bagi yang berharap postingan blog ini akan memberikan step-by-step guide mengenai pembuatan custom theme wordpress, saya mohon maaf jika Anda kecewa :p Silakan baca artikel ini jika Anda memang benar-benar mulai dari nol. Semoga membantu.

Happy blogging everyone!

Cheers...

Share this post: | | | |
Published Sunday, February 14, 2010 3:44 PM by Umi Fadilah

Comments

No Comments
Powered by Community Server (Commercial Edition), by Telligent Systems