Personal tools
Skip to content. | Skip to navigation
plonetheme.bootstrap integrates Twitter Bootstrap CSS/JS framework into Plone. You can checkout the framework at http://twitter.github.com/bootstrap It overrides some templates and uses javascript to transform some markup in order for it to work correctly. It's not perfect, but it's close. This product is based in Twitter Bootstrap version 2.3.x. This product adds both the basic CSS file and also the Responsive one to have a mobile-enabled site from the start. The generated markup is based on 'fluid CSS' and it contains a 12 column grid. The basic HTML markup is a mix of plonetheme.sunburst and Twitter Bootstrap and it uses the same approach of constructing the columns as Sunburst Theme: a simple view that returns the classes needed to have the correct column widths. If you want to change those widths, just override the view following the common Plone overriding patterns. This product is intended to be used in two scenarios: As a theme from Plone As a base theme to build Plone themes for your site following 'old practices' Some designers prefer to work following the old best-practices instead of using the Diazo-way-of-theming, this product is for them. You can create a theme package (check templer skeleton generator), and base your theme on this one.
An installable theme for Plone 4
This theme implements the look of Plone 3 and earlier in a separate package, and is supplied for backwards compatibility reasons, and for people who prefer the old theme over the new standard one in Plone 4.
This is Plone 4’s default theme “Sunburst” reimplemented with Diazo.
Features Customize styles in control panel. Responsive design for tablets and smartphones Special path bar with children Layout customizations Theme is SCSS based and styles most things with variables which can easily be customized in a control panel. Just visit the customization view: http://localhost:8080/Plone/customstyles_form Additional SCSS You can easily register custom SCSS files in your addon package using ZCML, if you need to customize more than available through the web: <configure xmlns:theme="http://namespaces.zope.org/plonetheme.onegov"> <include package="plonetheme.onegov" /> <theme:add_scss path="resources/custom.scss" /> </configure> The SCSS files can also be restricted to a specific context interface or a specific request layer. Be aware that the context interface applies to the context the styles are rendered on, which is either the Plone site root or an INavigationRoot object. <configure xmlns:theme="http://namespaces.zope.org/plonetheme.onegov"> <include package="plonetheme.onegov" /> <theme:add_scss path="resources/custom.scss" for="my.package.interfaces.ISubsite" layer="my.package.interfaces.IMyPackageLayer" /> </configure> Special path bar For another fast way to navigate between content, this theme includes a special path bar, which shows the breadcrumb's children. This behavior can be disabled in the plone.app.registry, using the setting plonetheme.onegov.flyout_breadcrumbs. https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_flyout_breadcrumbs.png Links Github project repository: https://github.com/OneGov/plonetheme.onegov Issue tracker: https://github.com/OneGov/plonetheme.onegov/issues Continuous integration: https://jenkins.4teamwork.ch/search?q=plonetheme.onegov
The default theme for Plone 4.
Goals Keep the theme color-neutral (black, white, grays), so it meshes with any company logo and doesn't feel like it requires color adjustment for doing the 10-minute-show-it-to-the-boss exercise. The theme does not use any tables for layout, and is based on the Deco grid approach which is currently in use on plone.org. It works perfectly in all browsers, including IE6. The grid works in both fixed-width and flexible-width modes, there's a commented-out section in the top of the CSS file you can enable if you want fixed-width layout. No substantial markup changes outside of the table removal - class and ID names are kept. The theme uses some CSS3 features, but degrades gracefully. The theme does not use any DTML. When viewed on a device with less than 640px width, the portlets neatly tuck under the main content area. This means that the site works well with CSS-enabled devices like tablets and phones that may have limited resolution.