diazotheme.purecss package provides diazo themes based on the PureCSS framework
using the theming and packaging features available for create Diazo theme
using plone.app.theming.
diazotheme.purecss package contains the following diazo implementations:
- PureCSS Starter Theme, is the PureCSS Starter theme on diazo based.
- PureCSS Theme, a diazo theme based for PureCSS.
Any of the three theme folders can be used to create your own child theme, based on diazoframework.purecss. 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 starter theme in this
package.
Created the
diazotheme.newthemepackage (for instance throughpasterscript).Copy
diazotheme.purecss/diazotheme/purecss/startertodiazotheme.newtheme/diazotheme/newtheme/starter.Rename
diazotheme.newtheme/diazotheme/newtheme/startertodiazotheme.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 theme theme and we want to end up
with the newtheme name.
Copy
diazotheme.purecss/diazotheme/purecss/themeto your file system.Rename
themetonewtheme(the folder name will 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
newthemefolder.Upload the
newtheme.zipin the plone theme panel.
Layout of the site when viewed in a computer resolution:
- From the Plone 4.1.x To the Plone 4.3 latest version (https://plone.org/download)
- The
plone.app.themingpackage (You will need enable it via "Add-ons" control panel to use this package) - The
diazoframework.purecsspackage (You will need enable it via "buildout" configuration to use this package)
- Provides the diazo rules for PureCSS Starter theme.
- Provides the diazo rules for PureCSS theme.
If you are a developer, you might enjoy installing it via buildout.
For install diazotheme.purecss package add it to your buildout section's
eggs parameter e.g.:
[buildout]
...
eggs =
...
diazotheme.purecss
and then running bin/buildout.
Or, you can add it as a dependency on your own product setup.py file:
install_requires=[
...
'diazotheme.purecss',
],
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++purecss-starter
There are placed at diazotheme.purecss/diazotheme/purecss/starter
directory with following resources files:
_ starter Provides the resources from "PureCSS Starter Theme". _ manifest.cfg _ rules.xml
The resources of this theme can be reached through
/++theme++purecss
There are placed at diazotheme.purecss/diazotheme/purecss/theme
directory with following resources files:
_ theme Provides the resources from "PureCSS Theme". _ index.html _ manifest.cfg _ marketing.css _ preview.png _ rules.xml
- Issue Tracker: https://github.com/TH-code/diazotheme.purecss/issues
- Source Code: https://github.com/TH-code/diazotheme.purecss
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/TH-code/diazotheme.purecss/contributors