bulmascores v0.0.4

Bulmascores

Wordpress starter theme for Bulma integrated with Webpack.

Official Website | Download Links

Demo Site

Do you want to use Webpack + Sass + ES6 and all the latest good that these technologies have to offer?

You can download take the theme, and run npm install, and you are all set! For directory structures and how to get started guide, go to the documentation (link to documentation page).

Getting Started

5 minutes setup:

• Download the theme zip file here
• Upload theme to your new blank Wordpress install.
• Activate the Bulmascores at the theme backend.
• If you want to use Webpack, check below for more setup options.

After this, you should be set up to load the front-page.php. visit the site and check if front-page.php is loading. You may now go to next step: setup webpack.

Setup Webpack:

• Install the node dependencies:

npm install

• Try to compile the sass and js in the src directory by typing

npm run dev

You should see the compiled sass and js files in the dist directory.

If you get webpack not found error, install webpack by npm install webpack

• Go to your theme directory, find webpack.config.js. Modify BrowserSyncPlugin settings to match your own local host's urls.

• Try to run with browsersync:

npm run watch

You are all set!

Features

Custom Nav Walker

Bulmascores is also integrated with custom Bulma_Nav_Walker class, which supports Bulma dropdown navigation bars.

Webpack, npm, Sass all built in

Focus on your website, instead of spending time to set up your project. Bulmascores is integrated with Webpack, so you can bring Sass and latest ES6 javascript functionalities to your wordpress project!

Child Theme Support

Bulmascores comes with ready-made child theme, which you can just upload to your project.

Entry Files for Sass and JS

• src/sass/main.scss for sass.
• src/js/main.js for javascript.

Future implementation plans

• Integration with WooCommerce