---
myst:
  html_meta:
    "description": "Adjusting the visual representation of Plone with Diazo"
    "property=og:description": "Adjusting the visual representation of Plone with Diazo"
    "property=og:title": "Plone 5 Theming"
    "keywords": "Plone, Classic UI, theming, training"
---

(plone-5-theming-label)=

# Plone 5 Theming

About
: Adjusting the visual representation of Plone with {term}`Diazo`

Level
: All levels

**Training Objective**

The most important objective of this training is to explain how to adjust the layout and design of a Plone site.
It will cover basic customizations you can do {term}`TTW` (Through-The-Web) in your Plone site,
as well as advanced theming methods and tools to create stunning themes for your Plone website based on existing HTML templates.

This training is **not** about:

- How to write JavaScript and integrate it into Plone
- How to create designs or templates used for the advanced theming

```{toctree}
:caption: Theming
:hidden: true
:maxdepth: 3

Basic TTW Customizations <basic>
TTW Theming I: Introduction <ttw-advanced>
TTW Theming II: Custom Barceloneta Theme <ttw-advanced-2>
TTW Theming III: Make It Reproducible <ttw-advanced-3>
Theme Package I: Preparations <theme-package>
Theme Package II: Diazo Theme <theme-package-2>
Theme Package III: Customizations <theme-package-3>
Theme Package IV: Templates <theme-package-4>
Theme Package V: Initial Content <theme-package-5>
Theme Package VI: TinyMCE Templates <theme-package-6>
Theme Package VII: Resource Registries <theme-package-7>
adv-diazo
collective-jbot
custom-components
```

```{toctree}
:caption: Plone Trainings
:hidden: true
:maxdepth: 3
:name: plone-trainings-theming-toc
```

```{seealso}
- {ref}`ttw-label`
- <https://5.docs.plone.org/adapt-and-extend/theming/index.html>
```