diazotheme.bootstrap : Twitter Bootstrap based Diazo theme for Plone4.1+

Izhar Firdaus Follow Support Nov 27, 2011 · 1 min read

diazotheme.bootstrap : Twitter Bootstrap based Diazo theme for Plone4.1+

This work is licensed under a Creative Commons Attribution 4.0 International License.

I was introduced to twitter's bootstrap css toolkit quite a while ago, and loving it.

Naturally, I want to use this in Plone, so I went ahead and build a Diazo theme and transformation rules which utilizes it. The end product can be seen in Inigo's updated website, and also Fedora Malaysia's site.

I've uploaded the code into github repository at https://github.com/kagesenshi/diazotheme.bootstrap, so feel free to fork it and use in your projects.

Some notes:

To enable the dropdown menu navigation, you'll need to have webcouturier.dropdownmenu installed.
The theme support 3 belowcontent portlet columns
The theme support 6 footer portlet columns, where the 6th column, is a bit smaller

Some future plans (if I find free time to add them):

Use bootstrap's tab system for the edit bar
Use html5slideshow for the presentation mode
Nicer folder_contents view
Nicer edit view

Update: rename to diazotheme.bootstrap, because I just realized that plonetheme.bootstrap name is already used.

Written by Izhar Firdaus Follow Support

I'm a system architect, data engineer and developer advocate with passion in Free / Open Source software, entrepreneurship, community building, education and martial art. I take enjoyment in bridging and bringing together different FOSS technologies to help businesses and organizations utilize IT infrastructure to aid and optimize their business and organizational process.