Friday, October 10, 2014

Cara Membuat Theme Wordpress Sendiri


Cara Membuat Theme Wordpress Sendiri

Hai, sudah lama saya tidak menyapa para pengunjung setia blog yang berdebu ini. Kali ini saya ingin membagikan beberapa pengalaman saya dalam membuat sebuah tema wordpress. Beberapa waktu yang lalu saya sempat bosanmembuat template blogspot. Akhirnya saya ingin berinovasi dengan belajar untuk membuat sebuah tema wordpress. Dengan bantuan koneksi internet dan mbah Google akhirnya dalam 2 hari saya sudah dapat membuat tema wordpress sendiri.

Hasil template yang saya buat adalah seperti gambar yang ada di artikel ini. Yap, terlihat responsive kan diatas sana? Nah berikut merupakan screenshot pada theme editor pada wordpress. Terdapat tema buatan saya sendiri.

Cara Membuat Theme Wordpress Sendiri

Kemudian anda mungkin akan bertanya, bagaimana caranya untuk membuat sebuah theme wordpress itu? Apakah sulit? Bedanya dengan membuat template blogspot apa? Oke, disini saya akan menjawab beberapa pertanyaan yang mungkin anda lontarkan disini satu-persatu.

Sulitkah Membuat Theme Wordpress?

Sebenarnya, untuk membangun sebuah tema wordpress itu tidak terlalu sulit jika anda benar-benar mempunyai keinginan yang kuat untuk membuat sebuah tema wordpress itu sendiri. Bekal untuk membuat sebuah theme wordpress tidak berbeda jauh dengan blogspot, anda hanya perlu beberapa bekal berikut.
  • Niat
  • Mengerti bahasa HTML
  • Mengerti CSS
  • Sedikit mengerti PHP
  • Mengetahui beberapa kode default wordpress
  • Mengerti struktur HTML lengkap
Dengan bekal di atas, semoga anda sudah sanggup untuk membuat sebuah tema wordpress anda sendiri. Sejujurnya saya juga hanya mengerti sedikit PHP, namun jika anda sering menuliskan bahasa tersebut anda pasti akan mengerti dan hafal struktur dan kode PHP tersebut. Kesimpulannya untuk membangun sebuah theme wordpress tersebut tidaklah terlalu sulit.

Bedanya dengan Blogspot?

Sebelumnya sudah disebutkan bahwa membangun sebuah tema wordpress tidak terlalu berbeda dengan blogspot. Nah, kemudian apa saja perbedaan antara tema wordpress degan blogspot. Menurut saya, tema wordpress lebih mudah untuk dimodifikasi sesuai keinginan pembuat ketimbang blogspot. Karena mulai dari struktur judul, isi dan lainnya adalah pembuatnya sendiri yang menentukan strukturnya seperti apa. 

Analoginya yaitu sistem operasi iOS sebagai template blogspot dan Android sebagai tema wordpress. Anda lebih mudah untuk memodifikasi android dengan beberapa custom rom dan lainnya ketimbang iOS yang sudah sangat kompleks.

Bagaimana Cara Membuat Tema Wordpress?

Nah mungkin ini jawaban yang paling ditunggu-tunggu anda kan? Saya tidak akan menjelaskan semuanya dari awal sampai akhir. Untuk membuat sebuah tema wordpress sendiri anda pastinya perlu memiliki bekal yang sudah disebutkan sebelumnya. Nah bekal fisik yang perlu anda miliki yaitu
  • Wordpress Terbaru
  • Localhost (xampp/other)
  • Laptop/komputer
  • Mouse
Dengan bekal fisik di atas anda sudah dapat membuat sebuah template wordpress sendiri. Nah, berbeda dengan blogspot, wordpress memiliki beberapa file berekstensi *.php pada temanya. Apa saja sih file yang penting tersebut? Berikut screenshot tema yang saya buat.

Cara Membuat Theme Wordpress Sendiri

Terlihat pada gambar di atas, tema wordpress yang kompleks terdiri dari file berikut
  • Comments.php : Berisikan pengkodean khusus untuk form komentar
  • Footer.php : Untuk membuat sebuah footer dan biasanya berisikan akhiran tag HTML (</HTML>)
  • Functions.php : Biasanya untuk me-register sebuah widget pada tema wordpress
  • Header.php : Biasanya berisikan sebuah awalan tag HTML dan tag HEAD
  • Index.php : Untuk membangun sebuah homepage / index / halaman awal situs
  • Page.php : Sebagai halaman page
  • Screenshot.php : Untuk menampilkan screenshot tema pada theme editor
  • Sidebar.php : berisikan kode yang penting pada sebuah sidebar
  • Single.php : Sebagai halaman artikel 
  • Style.css : Berisikan kode CSS dan informasi tema wordpress
Itu saja pengalaman saya dalam membuat sebuah tema wordpress, bagi anda yang ingin bertanya silahkan bertanya pada widget ask.fm yang terletak pada sidebar di blog ini.

0 comments: