Bookmark and Share
Document Actions

Cambiare Rapidamente l'Aspetto dell'Intero Sito

Up one level
Ora vedrete come si può modificare l'aspetto di un sito Plone per adattarlo alle vostre esigenze. Il modo più semplice è utilizzare un prodotto "tema".

È ora di pensare al look del vostro sito. Se volete gestire l'aspetto visivo del vostro sito Plone, prima di tutto dovete sapere come l'interfaccia utente Plone è messa insieme. L'aspetto di un sito Plone è composto da una collezione di template, fogli di stile, componenti e impostazioni di configurazione che insieme formano un tema Plone.

In questa parte, tratteremo tutte le definizioni chiave e gli elementi che formano il tema di un sito. Definiremo termini come skin e livelli. Poi tratteremo sulla personalizzazione dell'interfaccia utente Plone, concentrandoci sul potere che i  CSS (Cascading Style Sheets) danno allo sviluppatore di un sito. Parleremo delle variabili chiave e mostreremo come cambiarle.

Discuteremo brevemente l'integrazione di JavaScript, un linguaggio script ampiamente usato per lo sviluppo web lato client, con Plone e poi concluderemo con alcune tecniche che utilizzano KSS, una nuova fantastica tecnologia per costruire siti web dinamici e affascinanti usando JavaScript, Ajax e altre tecnologie, ma senza usare direttamente JavaScript.

Cambiare velocemente l'intero look del sito

Se non sapete molto di CSS o di design dell'interfaccia utente in generale, non vi preoccupate – potete modificare il look del vostro sito Plone con solo pochi click usando un tema Plone pronto all'uso. C'è solo uno skin disponibile di default nell'installazione standard di Plone – NuPlone – ma ce ne sono molti disponibili su http://plone.org/products. Potete scegliere il vostro preferito scrivendo il tema nel box di ricerca e guardando tra i risultati che appaiono. Poi dovete scaricare e installare il pacchetto e abilitarlo nell'area di Setup del sito, nella sezione dei prodotti aggiuntivi.

Vi mostreremo di cosa avete bisogno per cambiare l'intero aspetto del sito usando diversi temi preconfezionati. Per semplificare, applicheremo il tema NuPlone, che, come detto sopra, è disponibile di default in Plone. Ma questo procedimento è lo stesso per qualsiasi altro tema, scaricato e installato correttamente nel vostro Plone.

Andate nel pannello di controllo di Plone, cliccate su Prodotti Aggiuntivi, selezionate NuPlone e cliccate su Installa, come mostra la Figura 6.1.

Installazione NuPlone

Figura 6.1. Installazione di NuPlone nel vostro sito Plone per cambiare completamente il suo aspetto.

Ecco qui! Noterete immediatamente che l'aspetto del vostro sito è cambiato, come mostra la Figura 6.2.

home page standard

Figura 6.2. La home page standard di Plone con NuPlone, un tema disponibile di default nell'installazione di Plone.

Per tornare al tema precedente, andate nel pannello di controllo di Plone, cliccate su Temi, e modificate il tema di default attraverso il menu a tendina “Tema di default”. Selezionate semplicemente “default di Plone” e l'aspetto del vostro sito tornerà quello originario.

by Dario Pollino last modified 2010-03-19 15:32
Contributors: Maurizio Delmonte, Davide Moro, Alice Narduzzo, Fabrizio Reale, Enrico Barra, Andrea Cannizzaro, Andrea D'Este, Maurizio Lupo, Giuseppe Masili, Dario Pollino, Matteo Sorba.