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
- Sudah Memahami HTML, CSS, Javascript, dan PHP
- Teks Editor
- Wordpress yang sudah terinstal di localhost atau server
Konstruksi Awal Template
Semua template wordpress akan disimpan pada direktoriwp-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:
index.php
- dan
style.css
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 temaAuthor
adalah nama pembuat tema atau developerAuthor URI
adalah alamat website pembuat temaVersion
adalah versi temaDescription
adalah keterangan singkat tentang tema
Keterangan:
Theme URI
adalah alamat website temaLicense
adalah lisensi temaLicense URI
adalah alamat lisensi temaTag
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.
Tidak ada komentar:
Posting Komentar