Theming Plone

Intro

The current best-practice way to theme a Plone site is by using an engine called "Diazo". This allows designers to design a theme in just plain, flat HTML, CSS (and javascript, if wanted) and then to hook that into the Plone backend to fill it with sophisticated content.

The easiest way to do this is to use "plone.app.theming". But if you need to integrate Plone with other back-end servers, legacy systems, or any webservice, you can use Diazo to all combine it in a unified look & feel.

• plone.app.theming manual
  • Introduction
  • What is a Diazo theme?
  • Using the control panel
  • Reference
• Diazo theme engine guide
  • Introduction
  • Quickstart
  • Installation
  • Basic syntax
  • Advanced usage
  • Compilation
  • Deployment
  • Contributing to this documentation
  • Contributing to Diazo
  • Recipes
• Quick Test Recipe
  • Ingredients
  • Procedure
• Create a Plone theme product with Diazo
  • Introduction
  • Create a product to handle your Diazo theme
  • Override the Plone skin
  • Override Plone BrowserViews with jbot
  • Manage CSS and JS in registries

General information on the stylesheets and other resources in Plone

• Front-end: templates, CSS and Javascript
  • TAL page templates
  • CSS
  • Resource folders
  • Skin layers
  • DTML

Information on 'old-style' theming for Plone 3, but still valid in Plone 4. So upgrading from Plone3 to Plone4 is possible without switching to the new style of theming.

Do note that for all new theme development, Diazo is strongly recommended.

• Old-Style Plone Theming
  • Theming guide for Plone 3