Creare un tema Plone

Nicola Zambello

Roadmap

  1.   Concetti di base
  2.   Tema di prova
  3.   Il Resource Registry
  4.   Il tema AGID

Roadmap

1.  Concetti di base

2.  Tema di prova

3.  Il Resource Registry

4.  Il tema AGID

Concetti di base

Pacchetti Plone:

  • add-on
  • temi

Diazo

Roadmap

1.  Concetti di base

2.  Tema di prova

3.  Il Resource Registry

4.  Il tema AGID

Tema di prova

  • Aggiungiamo css e js
  • Aggiungiamo una vista
  • Facciamo l'override di una vista
pip install mr.bob bobtemplates.plone

mrbob bobtemplates.plone:addon -O src/rer.plonetheme

cd src/rer.plonetheme; mrbob bobtemplates.plone:theme

Roadmap

1.  Concetti di base

2.  Tema di prova

3.  Il Resource Registry

4.  Il tema AGID

Resource Registry

  • Cos'è?
  • Registriamo una risorsa
  • Registriamo un bundle
  • I bundle di Diazo

Roadmap

1.  Concetti di base

2.  Tema di prova

3.  Il Resource Registry

4.  Il tema AGID

Il tema AGID

Infrastruttura gerarchica:

design.plone.theme
 |
 └── rer.agidtheme.base
      |
      ├── rer.agidtheme.orma
      ├── rer.ader.policy
      └── rer.parer.policy

Il tema AGID

Caratteristiche:

  • Risorse/bundle separati: css, js, icone
  • Override e bundle abilitati
  • Estensione tra temi e addon

Il tema AGID

Cosa andremo a fare:

  • Installiamo rer.agidtheme.base
  • Aggiungiamo un add-on sullo stack
  • Aggiungiamo un override di una vista nel tema di prova

Il tema AGID

Cosa si farebbe nello sviluppo:

  • Stili: si aggiungono moduli importando le variabili scss dello "strato" sottostante
  • JavaScript: bundle separato 
  • Icone: ulteriore bundle oppure tema sottostante