Inserire il calendario Gmail in home page

Per inserire un calendario Gmail in home page è necessario creare un riquadro che lo contenga. Per far ciò, dobbiamo creare un nuovo modello di riquadro che contenga ciò che desideriamo.

Creare un modello di riquadro

Cliccare sul link "Configurazione del sito",

si aprirà la schermata con tutte le configurazioni; cliccare su "Interfaccia di gestione Zope",

successivamente cliccare su "portal_skins (Controls skin behaviour (search order etc))",

e poi su "custom".

Ora apparirà una schermata che contiene tutti i file che sono stati modificati fin ora, sulla destra aprire il menù a tendina, selezionare "Page Template" e cliccare sul pulsante Add:

si aprirà una pagina con dei campi, nel campo "Id" scrivere il nome del proprio "modello", per esempio "Calend"; successivamente cliccare su Add:

si nota che nella lista dei file modificati fin ora è adesso apparso anche il modello appena creato, e cliccando su di esso,

apparirà un pannello con del codice html:

eliminarlo e scrivere questo codice:

<div metal:define-macro="portlet">  </div>

Tra i due tag inserire il codice del calendario Gmail che si trova sul proprio account Google (vedere il Passo 7):

  

Per integrare meglio (graficamente) il calendario con il proprio sito, cercare nel codice appena inserito il testo "bgcolor=" (che sarà presente solo se i colori del proprio calendario Gmail sono stati precedentemente customizzati) e al posto del codice esadecimale presente inserire il codice del colore che si è precedentemente impostato come sfondo senza la presenza del cancelletto "#", in questo caso il colore è #A2B7AE (vedere il Passo 10)
      ->     

Inoltre, sarà utile ridurre le dimensioni del calendario, in modo che non occupi una porzione troppo grande dello schermo. Per far ciò, modificare all'interno del codice del calendario i due parametri width="x" ed height="x", corrispondenti rispettivamente alla larghezza e all'altezza (ad esempio, width="450" height="350").

Ora cliccare il pulsante Save Changes:

Adesso è necessario tornare al proprio sito per inserire il riquadro che conterrà il calendario.
Per far ciò, cliccare sul primo dei link presenti nella barra in alto,

ora cliccare sul tab View.

Cliccare sul link "Gestione dei riquadri" in home page:

A questo punto si aprirà la schermata che permette di gestire i riquadri; selezionare dal menù a tendina "Aggiungi riquadro..." l'opzione "Classic Portlet", si aprirà così una pagina che permette di aggiungere un riquadro classico.

Nel campo "Id" inserire il nome del modello creato precedentemente, in questo caso "Calend", successivamente cliccare su Conferma le modifiche

Si può notare che il nuovo riquadro è apparso tra i riquadri già esistenti.

A questo punto il riquadro "Calendario" che contiene il calendario di Plone non è più necessario, può anche essere eliminato, cliccando sulla crocetta rossa in alto a destra nel suo box.

Ora cliccare su Save setting

e infine sul link "Torna" che si trova sotto il titolo della schermata.

Il calendario è apparso.

Cliccando sul link "Esci" in alto a destra, possiamo ora vedere come apparirà il sito ai visitatori: