Kickstart untuk kerangka pengembangan WordPress themes dilengkapi dengan:
- Twitter Bootstrap 4
- Editorconfig
- PHP_Codesniffer
- JQuery dan Popper.js sebagai peer dependency bootstrap
- Laravel-mix, webpack wrapper sass dan js
- Javascript bootstrap
scripts/app.js
- Fontawesome 5
- Boilerplate direktori
Theming bootstrap dilakukan via styles/_variables.scss
yang diimport oleh style.scss
. Untuk mengupdate asset dalam fase development silahkan gunakan script watch
yang disediakan oleh laravel-mix
$ npm run dev
$ npm watch-poll
Berikut adalah file asset untuk pengembangan lebih lanjut;
style.scss
merupakan bootstrapper untuk pengembangan css, termasuk theming Bootstrapscripts/_meta.scss
meta untuk WordPress themescripts/_variables.scss
variable scss untuk melakukan theming bootstrapscripts/_swatch.scss
scss spesifik untuk themes yang sedang kita kembangkanscripts/_varsample.scss
contoh variabel bootstrap, dikopi dari module bootstrap4scripts/app.js
entry point javascript yang memanggil dan mendefinisikan semua logic dan modul javascript yang ingin kita gunakanwebpack.mix.js
file konfigurasi laravel-mixfunctions.php
standard function untuk WordPressparts/*
direktori untuk meletakkan partial template seperti navbar, footer dan search form
Clone repositori
$ git clone https://github.com/tajidyakub/wordpress-themes-kickstart.git folder-themes
Install dependency dan Kompilasi asset untuk pertama kali
$ cd folder-themes/
$ npm i
$ npm run dev
- Fontawesome yang sering digunakan, dikumpulkan dalam satu file html
- Functions untuk melakukan modifikasi yang terkait dengan appearances
- Shortcodes functions dipindah ke site plugins
- HTML Widget untuk memudahkan modifikasi konten tanpa masuk ke dalam HTML
- Bundling standard Custom Fields dan Custom Post Type ke dalam site plugins