» WP Themes » Belajar Membuat Template Wordpress Dengan Framework Bootstrap Versi 4.0.0

Belajar Membuat Template WordPress Dengan Framework Bootstrap Versi 4.0.0

30menit.com – Membuat template atau tema wordpress menggunakan framework bootstrap beta 4.0.0

Buat temen-temen yang sedang bergelut dengan website lebih khusus menggunakan wordpress selfhosting dan lebih detail lagi yang ingin belajar membuat template atau tema sendiri mari belajar bersama saya. Disini saya hanya bertujuan sharing / berbagi ilmu tentang utak-utik tema wordpress yang saya pelajari secara otodidak, try and error.

Untuk memudahkan dalam proses membuat template dan bisa di lihat hasilnya secara langsung, kita kerjakan smuanya secara offline localhost di komputer pribadi. Untuk itu hal pertama yang harus di lakukan adalah memenuhi apa saja yang dibutuhkan. Diantaranya :

  1. Web Browser seperti Mozila, Chrome, Safari. Klo untuk Internet explorer tidak terlalu saya rekomendasikan karena kurang populer. Untuk itu silakan instal salah satu browser di atas. Dalam tutorial saya akan menggunakan google chrome.
  2. Text editor. Sebenernya Notepad bawaan windows sudah cukup untuk digunakan, akan tetapi di notepad tidak ada pembeda dari syntax-syntax yang ada dalam kode pemrograman. Untuk itu saya sarankan gunakan Sublime Text. Dapatkan secara gratis di sini. Dengan sublime text syntax-syntax tiap kode akan dibedakan berdasar warna.
  3. Web server localhost beserta instalasi wordpress didalamnya. Untuk lebih mudahnya silakan lihat tutorial berikut Membuat Web Server WordPress Localhost Portable.

Jika ke tiganya sudah dipenuhi, yuk kita mulai belajar kita. Sedikit awalan, bahwa ada dua file yang wajib ada pada sebuah template wordpress yaitu index.php dan style.css Kedua file ini harus ada atau setidaknya pada sebuah template wp minimal ada kedua file tersebut. Karena kita menggunakan css framework bootstrap, maka file bootstrap juga hars di tambahan ke forder project kita. Untuk kemudahan berikut saya buatkan folder project yang didalamnya sudah ada file index.php dan style.css serta framework bootstrap. Monggo yang berminat langsung download btpm-bsV4.0.0. Tapi jika temen-temen ingin buat sendiri dan memasukkan framework bootstrapnya sendiri, monggo kunjungi web bootstrapnya di getbootstrap.com dan pilih yang versi 4.0.0

List belajar membuat template wordpress :

  1. Belajar pertama – Menambahkan informasi template dan tag html php dasar
  2. Belajar kedua – Menentukan layout serta membuat header dan footer
  3. Belajar ketiga – Membuat tampilan body (content dan sidebar)
  4. Belajar keempat – Memisahkan pengkodean ke dalam file-file berdasarkan kegunaannya
  5. Belajar kelima – Building post tunggal (single.php dan page.php serta comment.php)
  6. Belajar keenam – Finising template (screenshot dan favicon)

Lanjut ke – Menambahkan informasi template dan tag html php dasar

Tulisan Terkait
Belajar Membuat Template WordPress Dengan Framework Bootstrap Versi 4.0.0 by :

Masyhuri Jamil

Tidak memiliki kompetensi di bidang coding. Tapi selalu semangat terus belajar html, css, php, mysql. Suka oprek-oprek android juga dan sudah banyak memakan korban (hp android rusak). Semoga tidak berjatuhan korban selanjutnya.

Memiliki 136 tulisan.
Tambahkan Komentar Anda