Belajar Membuat Template Sendiri dari Nol.

Template WordPress merupakan gabungan dari beberapa file yang menentukan tampilan dari website Anda. File ini biasanya terdiri dari HTML, PHP, dan CSS. Dalam tutorial kali ini, kami akan membahas mengenai bagaimana cara membuat template WordPress dengan menggunakan HTML.
Selain itu, Anda juga akan belajar bagaimana memisahkan beberapa bagian dari template. Template sendiri sama dengan plugin, karena terpisah dari code utama WordPress.
Dengan adanya template, memungkinkan website Anda memiliki tata letak yang konsisten di setiap halaman dan tampilan website dapat dengan mudah dimodifikasi.

Persiapan Awal

1. Sudah Memahami HTML, CSS, Javascript, dan PHP
2. Teks Editor
3. Wordpress yang sudah terinstal di localhost atau server 

Konstruksi Awal Template

Semua template wordpress akan disimpan pada direktori wp-content/themes. Di sanalah kita akan membuat tema baru.
Silahkan buat direktori baru di sana dengan nama temanya. Contoh: nama tema yang akan saya buat adalah templatesaya.











Setelah itu, kita akan meletakan semua file tema di dalam direktori tersebut. Pada tahapan awal pembuatan tema ini, kita buat dulu dua file penting, yaitu:

1. index.php
2. dan style.css

 File index.php adalah file utama yang akan diaksess saat website dibuka (homepage). Sementara itu, file style.css berisi kode CSS untuk menghias dan mengatur tampilan tema.

Isi file index.php

dan isi file sytle.css

Di dalam kode style.css berisi komentar yang akan menjadi meta data atu keterangan dari template.

• Theme Name adalah nama tema
• Author adalah nama pembuat tema atau developer
• Author URI adalah alamat website pembuat tema
• Version adalah versi tema
• Description adalah keterangan singkat tentang tema

Contoh kode css untuk meta data yang lebih lengkap:

Keterangan:

• Theme URI adalah alamat website tema
• License adalah lisensi tema
• License URI adalah alamat lisensi tema
• Tag tag untuk tema

Ujicoba Template Wordpress

Sekarang saatnya kita mengujicoba template yang baru saja kita buat.
Masuk ke wp-admin>appearance>themes, di sana kita akan menemukan sebuah tema tanpa gambar thumbnail. Itu adalah tema yang baru saja kita buat. Silahkan aktifkan tema tersebut.

gambar thumbnail. Itu adalah tema yang baru saja kita buat. Silahkan aktifkan tema tersebut.



Setelah itu, coba buka website wordpress-nya.


Selamat, template wordpress anda sudah hampir selesai. Bila perlu anda bisa menambahkan atau mengedit beberapa bagian yang diperlukan pada bagian CSS nya.