O'Reilly logo

Creating concrete5 Themes by Remo Laubacher

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the first theme

Let's start by creating the directory structure we need for our theme. Look for the themes directory in the root of your concrete5 site and create a new directory called bootstrap1. We're going to create several versions, thus the number at the end.

Within that directory, create two more directories called css and elements. Download the Bootstrap framework, (there's a big download button when you navigate to http://twitter.github.com/bootstrap/) and extract the files into a temporary directory. We only need one file at this point; it's called bootstrap.min.css and can be found in the css directory. Copy that file into our theme's css directory.

The structure should now look like the following screenshot:

Every theme has to ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required