Persiapan membuat template wordpress menggunakan boostrap

Hari ini saya akan menjabarkan bagaimana cara membuat template wordpress dengan bootstrap, tutorial ini akan terbagi menjadi beberapa bagian tutorial yang berlanjut. Untuk kali ini kita akan mempersiapkan  file wordpress yang ada di localhost komputer kamu, tutorial ini menganggap kamu telah bisa menginstal wordpress dilocalhost.

  1. Buat sebuah folder yang terletak di wp-content/theme/nama-folder
  2. Setelah nama folder terbuat maka kamu membutuhkan file standar seperti index.php, style.css, png ( usahakan menggunakan nama yang sama ). Jika telah benar maka urutan file tersebut akan terlihat seperti ini.
    template wordpress Standar Hirarki Template
  3. Setelah itu login ke wp-admin dashboard kamu untuk melihat template sementara yang telah kita buat di appearance > template  ( border merah)
    template wordpress list
  4. Jika kita klik Theme Detail kamu akan melihat nama folder dari template, version, dan pembuat template yang tidak memiliki detail yang jelas. Untuk itu kita perlu membuat semacam informasi untuk template tersebut di dalam file style.css , standarnya keyword adalah seperti berikut

 

/*

                Theme Name: Ringkas Template

                Theme URI: https://www.ringkas.us

                Author: Zulius Akbar Amin

                Author URI: http://www.ringkas.us

                Description: Contoh Template Pembelajaran

                Version: 1.0.0

                Text Domain: Ringkas;

 */

Text domain akan digunakan untuk fungsi string penerjemah yang akan kita bahas nantinya. kamu dapat sesuaikan file style.css sesuai keinginan kamu, kemudian simpan file style.css

  1. Kemudian kembali ke wp-admin dan appearance > template. Untuk melihat kembali detail template yang kita buat. Jika berhasil detail template akan terlihat seperti isi file style.css yang telah kita edit.
  2. klik activate template wordpress tersebut kemudian buat index wordpress kamu dan akan terlihat kosong karena kita belum menambahkan apa-apa di index.php tersebut.

Demikianlah persiapan kita untuk membuat template wordpress dari bootstrap selanjutnya kita akan membuat komponen pertama dari template yaitu header. Tunggu tutorial selanjutnya

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.