Package: collective.themecustomizer
Table of ContentsLife, the Universe, and EverythingMostly HarmlessDon’t PanicInstallationUsageHow it worksUsing with DiazoTo-do listNot entirely unlikeShare and EnjoyChangelog1.0b1 (2014-07-31)Life, the Universe, and Everythingcollective.themecustomizerprovides some simple but very useful customizations
of a Plone site theme in an intuitive interface known by any site administrator.Mostly HarmlessGot an idea? Found a bug? Let us know byopening a support ticket.Don’t PanicInstallationTo enable this package in a buildout-based installation:Edit your buildout.cfg and add add the following to it:[buildout]
...
eggs =
    collective.themecustomizerAfter updating the configuration you need to run ‘’bin/buildout’’, which will
take care of updating your system.Go to theSite Setuppage in a Plone site and click on theAdd-onslink.Check the box next tocollective.themecustomizerand click theActivatebutton.NoteYou may have to empty your browser cache and save your resource registries
in order to see the effects of the product installation.UsageOncecollective.themecustomizeris installed go toSite controlpanelto
find the customization options:Display text in HeaderLogo imageDisplay logo in HeaderHeader background imageAfter saving your preferences you’ll see your desired options already applied.How it worksThe package overridesplone.logoandplone.headerviewlets (via a
custombrowserlayer) respecting their default behavior, in case no
customization was made yet.Using with DiazoTo use themecustomizer with Diazo you can add some lines to your rules.xml, to
change the HTML when the background image is in use:<!-- Themecustomizer rules -->
<rules css:if-not-content="#portal-header[style='']">
  <copy attributes="style" css:content="#portal-header" css:theme="header" />
  <merge attributes="class" css:content="#portal-header" css:theme="header" />
</rules>The first rule will apply themecustomizer background image to your theme HTML. In the
example above, the background image will be added to <header> tag. You can change
css:theme=”header” to wharever you want to show the themecustomizer image, like body
or footer.The second rule will add an aditional class to the tag when the themecustomizer image
is in use. With this class you can disable your theme original background image when
user select another imagem using theme customizer.HTML:<header class="customizer-background" style="background-image: url(http://localhost:8080/Plone/background.png)">CSS:header {background: url("img/background.jpg");}
.customizer-background {background: transparent;}To-do listProvide even more theme customizations like footer text and colors.Use English for strings everywhere.Provide a preview scale of the image in the imagewidgetSeparate imagewidget to a new packageMove customization options to theme controlpanel or a new configletStore customizations in registryNot entirely unlikeCSSManagerProvides a simple interface to tweak logo and CSS properties by
overriding oldbase_propertiessheet, which is not used by
Plone 4 default Sunburst theme.
Although it works if you choosePlone Classic Themein a Plone 4 site
theme settings.
If you want to install it you’ll have to manually addelementtreeto theeggssection in your buildout file.Products.CustomOverridesAllows content managers to inject custom stylesheets and Javascript
that will be added to choosen folder and its descendants.
It requieres CSS and JS knowledge.Share and Enjoycollective.themecustomizerwould not have been possible without the
contribution of the following people:André NogueiraHéctor VelardeJuan Pablo GiménezMarcos F. RomeroYou can find an updated list of package contributors onGitHub.Development sponsored bySimples Consultoria.ChangelogThere’s a frood who really knows where his towel is.1.0b1 (2014-07-31)Initial release.