Near Cape Town [Kaapstad], South Africa.

Near Cape Town [Kaapstad], South Africa.

Introducing Canvas Kaapstad, a new child theme from WPU!

[box type=”tick”]Just updated to version 1.1![/box]

Canvas Kaapstad addresses a popular request of Canvas: moving the primary navigation into the upper right of the header. Kaapstad does that out of the box.

It’s just an example of how easy it is to create a child theme for Canvas with a few simple lines of code and make a drastic change–that otherwise seemed difficult.

Download Canvas Kaapstad

Yes, you could also take an empty Canvas child theme and make the same changes to the functions.php and style.css files and come up with the same thing … but that’s pretty much the definition of a child theme: a few changes to those files and you have a new child theme!

But Wait, There’s More

There’s something of an Easter Egg in WOO Canvas that you don’t really understand until you … figure it out. In a nutshell, the brilliance of Canvas is that you can make a kazoullion style, layout, and even functional changes all within the Canvas admin panel. But what most people don’t dig deep enough to find is that you can easily (as in one click) back up those settings and then, gasp, import them into another site (using Canvas, of course) and voila: insta-new-site-presto-chango-thank-you-so-much.

To download these settings and then upload them to your own Canvas installation, download the following file and upload it to your settings. Note: there are “zip” files and the unzipped “json” files. If you use the zip files, you’ll need to unzip each one, then upload the “json” file to your Canvas (from within Canvas)

[box type=”alert”]For more on how to back up (export) and then import your settings (or the settings of a designer), see: WOO Canvas Backup Settings.[/box]


Straight Out of the Box

Straight out of the box Canvas Kaapstad put your main navigation in the right side of the header.

Main navigation in the right side of the header.

No settings, no crazy font selections, no colors, no images, no nada. All yours to play with. Careful, it’s pretty plain in there. Liven it up!

[/threecol_one] [threecol_one]

Full-Width Header (Color)

Full-width header, splash of color, a few new fonts.

Full-width header, splash of color, a few new fonts.

How about some color up in that header? Maybe some Google web fonts? Go ahead and make those changes. Oh wait, I can just give them to you …

Zipped file below and the original “json” file too in case the zip doesn’t unzip for you.

zip file
json file

[/threecol_one] [threecol_one_last]

Full-Width Header (Photo)

A full-width image in the header changes everything.

A full-width image in the header changes everything.

Want the full-width Heavenly image in your header? Let’s change the post title to a soft sky blue. Need those changes? It’s just a download away and importing Canvas settings.

zip file
json file


There you have it: in a nod to the Ninjas at WOO HQ in Cape Town (AKA Kaapstad), let’s hope that Canvas Kaapstad helps you build out your Canvas site with a great looking full-width header and that main navigation in the right. Sounds so easy, doesn’t it? Oh wait, it is.