Cara Membuat Theme WordPress

Ini akan jadi tulisan bersambung karena saya pikir akan sulit menjelaskan cara membuat theme WordPress hanya dalam satu postingan. Kita akan mencoba membangun sebuah theme sederhana, tanpa gambar sama sekali. Untuk gambar, anda bikin sendiri ya? hehehe…

Sebelum kita memulai ngurusin coding, saya akan coba share dulu struktur berkas themes. Karena anda harus paham soal ini dulu sebelum beranjak mengutak-atik kode nanti.

Berkas Utama Theme

Sejatinya, ada 2 berkas penting yang harus dimiliki sebuah themes, yaitu:

– style.css
– index.php

Dengan dua berkas ini, kita sudah bisa membangun sebuah themes WordPress. Tapi, untuk menampilkan hasil yang lebih fantastis, kita membutuhkan beberapa berkas lain untuk mendukung themes kita.

Berkas Tambahan

Inilah berkas-berkas yang bisa dipakai sekalian dengan fungsi-fungsinya:

– home.php : digunakan untuk menampilkan halaman depan blog
– header.php : Digunakan untuk menampilkan bagian header blog
– sidebar.php : digunakan untuk menampilkan bagian sidebar blog
– footer.php : digunakan untuk menampilkan bagian footer blog
– single.php : digunakan untuk menampilkan artikel.
– page.php : digunakan untuk menampilkan page.
– search.php : digunakan untuk menampilkan hasil pencarian.
– archive.php : digunakan untuk menampilkan arsip blog (arsip tanggal, bulan, dll).
– functions.php : digunakan untuk mengatur fungsi-fungsi yang berlaku di blog.
– 404.php : digunakan untuk menampilkan halaman error 404

Nah, untuk sementara itu dulu ya. Minta komentarnya dong, biar semangat gitu lho.. hehehe

Dan inilah beberapa artikel berserinya.

  1. Cara Membuat Theme WordPress
  2. Membangun Theme WP: Style.css
  3. Membangun WP Theme: index.php
  4. Bikin Theme WP: Designing
  5. Bikin Tema WP: Layout
  6. Membuat Theme: Heading
  7. Buat Theme WordPress: Blog Header

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s