Tim Reynolds

Bootstrap PyroCMS Theme

Text / 7 months ago

11 notes

I’ve been intrigued by Twitters Bootstrap toolkit since it’s arrival and this weekend I finally got around to giving it a little run out. It’s been a while since I’ve touched any code outside of work so I decided to go with something I know (kinda maybe) turning it into a PyroCMS theme. 

The results, without too much work, are quite pleasing. Bootstrap provides solid layout and navigation CSS which is clean and easy to understand. Quickly allowing me to turning a blank theme into a fixed width 2 column layout providing top bar navigation and inline sign in. 

Admittedly the drop down account management sub-navigation took a little bit longer to get right then envisaged, but was well worth it’s initial head scratching. 

As a finishing touch I ended up overriding a few of the basic user management screens HTML crowbarring in the css classes required to utilise bootstrap’s forms and message boxes. This gives the theme template a bit more usability out the box, not that I would recommend anyone actually used this as is. 

Unfortunately I don’t have the time or need to progress this into a full theme but if anyone’s interested the code’s available on github. Feel free to push updates to the repo I will endeavour to merge anything that makes this into a more usable theme.