Skip to content
This repository has been archived by the owner. It is now read-only.
Bulmascores is a starter theme for Wordpress that uses Bulma and Webpack (Sass and ES6).
PHP JavaScript CSS
Branch: master
Clone or download
Latest commit 6f81fbb Apr 1, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Fixed issue #2 - comment widget spacing Mar 22, 2018
functions Improved Nav walker to support dropdown navs Feb 23, 2018
images no message Feb 6, 2018
inc Improvements on comments page and content page Feb 25, 2018
js Blank Underscrore Theme. Project Created. Feb 5, 2018
languages Blank Underscrore Theme. Project Created. Feb 5, 2018
layouts Blank Underscrore Theme. Project Created. Feb 5, 2018
src Fixed issue #2 - comment widget spacing Mar 22, 2018
template-parts Make the demo somewhat more presentable. Feb 27, 2018
.babelrc add .babelrc Apr 1, 2018
.gitignore Webpack and bulma incorporated. Feb 5, 2018
404.php 404, search, fixing some content Feb 23, 2018
LICENSE Update LICENSE Feb 26, 2018
README.md no message Mar 2, 2018
archive.php no message Mar 22, 2018
comments.php Make the demo somewhat more presentable. Feb 27, 2018
footer.php Make the demo somewhat more presentable. Feb 27, 2018
front-page.php Change color of navbar and heros. Mar 1, 2018
functions.php logo padding fix Mar 1, 2018
header.php Change color of navbar and heros. Mar 1, 2018
index.php Change color of navbar and heros. Mar 1, 2018
package-lock.json Fixed issue #2 - comment widget spacing Mar 22, 2018
package.json
page.php Ran through unit tests and fixed markup issues that appears due to .c… Mar 1, 2018
phpcs.xml.dist Blank Underscrore Theme. Project Created. Feb 5, 2018
rtl.css Blank Underscrore Theme. Project Created. Feb 5, 2018
screenshot.png Blank Underscrore Theme. Project Created. Feb 5, 2018
search.php 404, search, fixing some content Feb 23, 2018
searchform.php search form and sidebar cleanups Feb 20, 2018
sidebar.php Last commit for first day. Still working on the basic templates. Feb 5, 2018
single.php Make the demo somewhat more presentable. Feb 27, 2018
style.css Make the demo somewhat more presentable. Feb 27, 2018
webpack.config.js Fixed issue #2 - comment widget spacing Mar 22, 2018

README.md

alt text

Bulmascores makes it easy to set up your wordpress project with new web technologies.

Bulmascores is a Wordpress starter theme. It aims to combine Underscores + Bulma + Webpack.

Setting up a new project without proper workflow always takes time and is tedious. Bulmascores saves you time setting up your new wordpress website.

Official Website | Download Links

Demo Site

You can download take the theme, upload to your wordpress, and run npm install.

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
  • Install webpack if you haven't already.
npm install webpack
  • 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.

  • Go to your theme directory, find webpack.config.js. Modify BrowserSyncPlugin settings to match your own local host's urls.
new BrowserSyncPlugin({
    host: 'localhost',
    port: 3000,
    proxy: 'http://bulmascores.valet/',
    files: [{
        match: [
            '**/*.php',
            'public/dist/**/*.css',
            'public/dist/**/*.js'
        ]
    }]
})
  • 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

alt text

You can’t perform that action at this time.