2. Configuring and Customizing Plone “Through The Web”¶
This chapter has not yet been updated for Plone 5!
The Control Panel¶
The most important parts of Plone can be configured in the control panel.
- Click on the portrait/username in the toolbar
- Click Site Setup
We’ll explain every page and mention some of the actions you can perform here.
- Date and Time
- Social Media
- Content Rules
- Image Handling
- Content Settings
- Dexterity Content Types
- Users and Groups
- HTML Filtering
- Management Interface
- Configuration Registry
- Resource Registries
Below the links you will find information on your Plone, Zope and Python Versions and an indicator as to whether you’re running in production or development mode.
Change the logo¶
Let’s change the logo.
- Download a ploneconf logo: https://www.starzel.de/plone-tutorial/ploneconf-logo-2014
- Go to http://localhost:8080/Plone/@@site-controlpanel
- Upload the Logo.
In the toolbar under More options you can open the configuration for the different places where you can have portlets.
- UI fit for smart content editors
- Various types
- Portlet configuration is inherited
- The future: may be replaced by tiles
- Go to http://localhost:8080/Plone/@@manage-portlets
- Add a static portlet “Sponsors” on the right side.
- Remove the news portlet and add a new one on the left side.
- Go to the training folder: http://localhost:8080/Plone/the-event/training and click
- Add a static portlet. “Featured training: Become a Plone-Rockstar at Mastering Plone!”
- Use the toolbar to configure the portlets of the footer:
- Hide the portlets “Footer” and “Colophon”.
- Add a “Static text portlet” enter “Copyright 2015 by Plone Community”.
- Use “Insert > Special Character” to add a real © sign.
- You could turn that into a link to a copyright page later.
Portlets save data, Viewlets usually don’t. Viewlets are often used for UI-Elements and have no nice UI to customize them.
- Viewlets have no nice UI
- Not aimed at content editors
- Not locally addable, no configurable inheritance.
- Usually global (depends on code)
- Will be replaced by tiles?
- The code is much simpler (we’ll create one tomorrow).
- Live in viewlet managers, can be nested (by adding a viewlet that contains a viewlet manager).
- TTW reordering only within the same viewlet manager.
- The code decides when it is shown and what it shows.
ZMI (Zope Management Interface)¶
Zope is the foundation of Plone. Here you can access the inner workings of Zope and Plone alike.
Here you can easily break your site so you should know what you are doing!
We only cover three parts of customization in the ZMI now. Later on when we added our own code we’ll come back to the ZMI and will look for it.
At some point you’ll have to learn what all those objects are about. But not today.
- Actions are mostly links. But really flexible links.
- Actions are configurable ttw and through code.
- These actions are usually iterated over in viewlets and displayed.
- Links in the Footer (
- Actions Dropdown (
Actions have properties like:
These are the links at the bottom of the page:
- Site Map
- Site Setup
We want a new link to legal information, called “Imprint”.
- Go to
site_actions(we know that because we checked in
- Add a CMF Action
- Set URL to
- Leave condition empty
- Set permission to
- Check if the link is on the page
- Create new Document Imprint and publish
portal_skins we can change certain images, CSS-files and templates.
portal_skinsis deprecated technology
- Plone 5 got rid of most files that lived in
Change some CSS¶
- Go to ZMI
- Go to
- Go to
- Go to
- Click customize
The CSS you add to this file is instantly active on the site.
CSS Registry (
deprecated (See the chapter on theming)
Further tools in the ZMI¶
There are many more notable items in the ZMI. We’ll visit some of them later.
- portal_properties (deprecated)