diazotheme.plone package provides diazo themes based on the Sunburst Theme
using the theming and packaging features available for create Diazo theme
using plone.app.theming.
diazotheme.plone package contains the following diazo implementations:
classic, a diazo theme based on plonetheme.classic used until Plone 3 versions.sunburst, a diazo theme based on plonetheme.sunburst to be used with theme base "(unstyled)".responsive, a diazo theme to responsify plonetheme.sunburst through diazo, to be used with theme base Sunburst Theme.
Any of the three theme folders can be used to create your own child theme, based on diazoframework.plone. You can either wrap the theme up in a package or you can create a zip file of the folder and upload that to the theme panel.
There are two ways of creating a child theme.
For this example, lets assume we are creating a package called diazotheme.newtheme and we will copy the 'responsive' theme in this package.
Created the
diazotheme.newthemepackage (for instance throughpasterscript).Copy
diazotheme.plone/diazotheme/plone/responsivetodiazotheme.newtheme/diazotheme/newtheme/responsive.Rename
diazotheme.newtheme/diazotheme/newtheme/responsivetodiazotheme.newtheme/diazotheme/newtheme/static(arbitrary name).Add <plone:static directory="static" name="newtheme" type="theme"/> to
diazotheme.newtheme/diazotheme/newtheme/configure.zcml.Change
diazotheme.newtheme/diazotheme/newtheme/static/manifest.cfgto reflect the changes, so:[theme] title = New theme description = Describe the new theme rules = /++theme++newtheme/rules.xml prefix = /++theme++newtheme doctype = <!DOCTYPE html> preview = preview.png
Again, lets assume we use the 'responsive' theme and we want to end up with the 'newtheme' name.
Copy
diazotheme.plone/diazotheme/plone/responsiveto your file system.Rename 'responsive' to 'newtheme' (the folder name wil become the theme name in the theme panel)
Change
newtheme/manifest.cfgto reflect the changes, so:[theme] title = New theme description = Describe the new theme rules = /++theme++newtheme/rules.xml prefix = /++theme++newtheme doctype = <!DOCTYPE html> preview = preview.png
Customize your theme.
When you are finished customizing, create a zip archive of the 'newtheme' folder.
Upload the
newtheme.zipin the plone theme panel.
Layout of the site when viewed in a computer resolution:
Layout of the site when viewed in a computer resolution:
A demo of different views that show the responsive support as a reduced view for Mobile/Tablet devices look like the following:
- From the Plone 4.1.x To the Plone 4.3 latest version (https://plone.org/download)
- The
plone.app.themingpackage (will be installed as a dependency of this package)
- Provides the diazo rules for plonetheme.classic theme.
- Provides the diazo rules for plonetheme.sunburst theme.
- Provides the diazo rules for plonetheme.sunburst theme with responsive supported.
If you are a developer, you might enjoy installing it via buildout.
For install diazotheme.plone package add it to your buildout section's
eggs parameter e.g.:
[buildout]
...
eggs =
...
diazotheme.plone
and then running bin/buildout.
Or, you can add it as a dependency on your own product setup.py file:
install_requires=[
...
'diazotheme.plone',
],
Select and enable the theme from the Diazo control panel. That's it!
The Plone Classic Theme need changes the Theme base value default for use it,
them you need to do the following steps:
- Go to
Advanced settingstab from the Diazo control panel. - Click
Theme baselist and selectPlone Classic Theme. - And click on
Savebutton. - Next go to the
Themestab from the Diazo control panel, select and enable thePlone Classic (Diazo Framework)theme. That's it!
This package is the parent of all Plone diazo themes and provides rule that are practical to use in other diazo themes.
The resources of this theme can be reached through
/++theme++plone-classic
There are placed at diazotheme.plone/diazotheme/plone/classic
directory with following resources files:
_ classic Provides the resources from "plonetheme.classic" theme. _ manifest.cfg _ rules.xml
The resources of this theme can be reached through
/++theme++plone-sunburst
There are placed at diazotheme.plone/diazotheme/plone/sunburst
directory with following resources files:
_ sunburst Provides the resources from "plonetheme.sunburst" theme. _ manifest.cfg _ rules.xml
The resources of this theme can be reached through
/++theme++plone-responsive
There are placed at diazotheme.plone/diazotheme/plone/responsive
directory with following resources files:
_ responsive Provides the resources from "plonetheme.sunburst" theme with responsive supported. _ manifest.cfg _ rules.xml
- Issue Tracker: https://github.com/collective/diazotheme.plone/issues
- Source Code: https://github.com/collective/diazotheme.plone
The project is licensed under the GPLv2.
- Thijs Jonkman (t.jonkman at gmail dot com).
- Leonardo J. Caballero G. aka macagua (leonardocaballero at gmail dot com).
You can find an updated list of package contributors on https://github.com/collective/diazotheme.plone/contributors