collective.themecustomizer 1.0b1

Installation

To enable this package in a buildout-based installation:

1. Edit your buildout.cfg and add add the following to it:

   [buildout]
   ...
   eggs =
       collective.themecustomizer

After updating the configuration you need to run ‘’bin/buildout’’, which will take care of updating your system.

Go to the Site Setup page in a Plone site and click on the Add-ons link.

Check the box next to collective.themecustomizer and click the Activate button.

Usage

Once collective.themecustomizer is installed go to Site controlpanel to find the customization options:

• Display text in Header

• Logo image

• Display logo in Header

• Header background image

After saving your preferences you’ll see your desired options already applied.

How it works

The package overrides plone.logo and plone.header viewlets (via a custom browserlayer) respecting their default behavior, in case no customization was made yet.

Using with Diazo

To 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 list

• Provide even more theme customizations like footer text and colors.

• Use English for strings everywhere.

• Provide a preview scale of the image in the imagewidget

• Separate imagewidget to a new package

• Move customization options to theme controlpanel or a new configlet

• Store customizations in registry

1.0b1 (2014-07-31)

• Initial release.