New Boilerplate Theme: A New Way to Create Beautiful Themes with Vanilla

3 minute read

October 23, 2018

New Boilerplate Theme: A New Way to Create Beautiful Themes with Vanilla

Let’s take a look at this new theme, and what it can do for you.

You’re in control of your branding

As Isis said right off the bat “The best part of BoilerPlate is allowing people to stay on the version they design on, so if we need to make any breaking changes it does not disrupt their design. For example, the can stay on version Boilerplate 1.0, as I move to Boilerplate 2.0 — this is a great change for us.”

As Isis explains “Boilerplate is starter package, which gives you everything you need to make a theme. It uses Sass, which is described as CSS with superpowers. By using the Boilerplate theme, regardless of which pages of Vanilla you are on, there is a consistency which was a bit harder in some of older themes. So now we have this variable sheet, which is inherited to all the pages, so we can ensure a better experience across the community.”

To get an idea of how Boilerplate looks right out of the box, take a look at the image below.

 boilerplate-1

This is already in use by some of our customers. Here is a working example at the Wave communityboilerplate-3

Another great thing about BoilerPlate that Isis shared is that it was built from scratch, so it’s 100% mobile responsive, without the need for customers to use a mobile theme or to make small tweaks to our existing themes.

For Isis, this theme is also about efficiency. She uses the Boilerplate theme to create all customer custom themes. Here’s what Isis had to say about how she’s using the theme now:

The Boilerplate theme gives me a solid foundation to start with, and from there I can work with a customer’s mockup and make it a reality. Also, because I thought the Boilerplate theme was so helpful for me, we’ve made it available for anyone using Vanilla who wants to get their hands dirty and create their own design. Everything they need is in this package. Customers can add their brand colors in Boilerplate and it will be applied to the community across the various pages. I think this is something that will make customizing Vanilla much much easier for everyone.

So how does one get started with Boilerplate? To take advantage of the latest technologies, this takes more than a simple download. For example to get your copy of Boilerplate you’ll need to install Node and Yarn as prerequisites to use this tool.

However, I should point out that even I was able to follow along the docs Isis has put together and get myself a copy. You can check out her very detailed docs here. I was able to get up and running quite quickly, so I’m sure you can do the same. It’s also a much easier and simpler way to get going, by selecting your brand colours, and constructing good looking themes.

Finally, we’ll give Isis the last word. When I asked her what she wanted the world to know about this project, she said, “It’s simple. Boilerplate is available now and it’s open source. Go get it and start playing with it!”

We hope you do and we’d love to see what you come up with! Make sure to share below, and I’ll make sure Isis sees it too.

product

Share Your Thoughts

Your email address will not be published.

Adrian Speyer

Written by Adrian Speyer

Adrian Speyer is the Head of Community and Lead Evangelist for Vanilla by Higher Logic. Besides spending many years in digital marketing, Adrian has been building communities of all sizes for over 20 years.

Have an Article for Vanilla's Blog?

Send us an email to [email protected] with your topic idea and we'll circle back with our publishing guidelines.

subscribe-1
Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.

    Request a Demo

    Schedule a product demo now.

    Contact Us