New design is now live!

It has taken me a couple of weeks but I’ve finally finished the new theme for Rick’s code.

I was tired of the old theme and wanted to start one from scratch with code performance in mind. No extra CSS and no extra JS inherited from a third-party theme.

👨‍💻 How did I build it?

I used which generates a clean WordPress theme with no styles. Just the PHP templates files.

Using Bootstrap 4 as a starting point I’ve made small adjustments to the variables file plus some additions of my own.

💯 If we write CSS, let’s write it well

I wanted to make sure I followed a proper code styling, so I added a stylelint configuration file which is picked up by VSCode as well as the build linting task.

🔥 packages.json

The coolest thing on the project was probably setting up the frontend build.

What is happening here?

  • Lint the code based on stylelint configuration
  • Watch for SCSS files and compile them
  • Run the build task to create a minified version of the CSS

The full theme code can be found here

Leave a Reply

Add <code> Some Code </code> by using this tags.