Cara Membuat Template WordPress Dengan Bootstrap

Halo sobat tech, apakabar dengan tampilan tema WordPress mu, atau kamu baru saja tau tentang pembuatan tema Wordpress?

Wordpress merupakan CMS yang akan memudahkan kita dalam membuat website atau blog. Wordpress sebenarnya sudah menyiapkan tema asli dari Wordpress sendiri, tapi sebagai seorang yang profesional dan ingin serius dalam membuat websitenya, palingtidak kita memiliki tampilan website yang memiliki khas dan sesui kebutuhan website kita.

Sebenarnya membuat tema Wordpress itu bisa dibilang agak rumit apabila kita mendesain tema wordpress dari awal alias from stratch. Kali ini untuk membuat tema WordPress kita dapat menggunakan framework Bootstrap sebagai kerangka desainnya, agar dalam membuat desain bisa lebih cepat dan mudah.

Bootstrap, Sebuah framework HTML CSS yang dilengkapi komponen website sehingga sangat mudah membuat tampilan website dengan bootstrap. Bootstrap telah beredar luas sehingga sudah ada beberapa template bootstrap yang bisa di unduh dengan gratis

inilah beberapa rekomendasi base template/tema yang bisa kamu gunakan untuk membuat template WordPress menggunakan Bootstrap

Understrap

UnderStrap menggabungkan tema Underscore (yang dibuat oleh Automattic) yang sudah mendukung responsive web desain yaitu Bootstrap 4 (oleh Twitter) menjadi framework yang sempurna untuk proyek theme WordPress kamu.

Ada beberapa fitur juga dalam base template UnderStrap yang sangat membantu kita dalam proses development :

1. SASS
   Memanfaatkan tools SASS untuk mempermudah pembuatan stylesheet, yang membuat mengganti warna, font, stylings dll menjadi mudah
2. NPM
   Dilengkapi dengan dukungan NPM untuk mengelola semua dependensi. Hanya satu perintah yang bisa kamu jalankan di terminal kamu untuk memperbarui semua aset.
3. Gulp
   Dilengkapi dengan Gulp sebagai task runner dan satu file gulpfile.js dengan beberapa tugas default. Misalnya untuk mengkompilasi SASS ke CSS.
4. Dan masih banyak lainnya

Kamu bisa cek langsung di websitenya di understrap.com

Sage

Sage, yang sebelumnya dikenal sebagai roots, berfokus pada penawaran beberapa kemampuan yang berbeda dari yang bisa kamu dapatkan. Sage dilengkapi dengan Gulp / Bower yang mendukung "modern development workflow"(alur kerja pembangunan modern).

Ada beberapa fitur juga dalam base template Sage yang sangat membantu kita dalam proses development :

1. Menulis stylesheet dengan Sass
2. Secara otomatis memeriksa kode JavaScript kamu dari error
3. Mengoptimalkan gambar, memungkinkannya pengujian browser tersinkronasi, dan lainnya dengan setup gulp yang disediakan oleh template
4. Sage hadir dengan versi terbaru dari Bootstrap.
5. Template didasarkan pada HTML5 Boilerplate.

Kamu bisa cek langsung di websitenya di roots.io/sage

__________________________________________________________________________________
Itulah rekomendasi base template dari saya untuk mempermudah kamu membuat template WordPress menggunakan Bootstrap. Semoga beranfaat dan semangat belajar 

Salam Technology