Crea sito

Nuova versione di ZAD Style Switcher, un’estensione per il CMS Contao

Ho da poco reso disponibile la nuova versione dell’estensione ZAD Style Switcher , presente nel catalogo delle estensioni di Contao.

Con questa versione, la 2.1.1, l’applicazione ha raggiunto una certa maturità, avendo nel tempo migliorato l’interfaccia di gestione e corretto alcuni errori di programmazione. Si tratta di una estensione che permette di inserire nel proprio sito un selettore di stili (style switcher), ad esempio per consentire la scelta della dimensione del carattere o per fornire versioni alternative delle pagine (ad alto contrasto, solo testo, ecc.).

Naturalmente, oltre ad installare l’estensione, è necessario predisporre i fogli di stile CSS per ottenere gli effetti desiderati. Un breve manuale d’uso con un esempio pratico si trova nelle pagine di questo sito:

Le caratteristiche principali dell’estensione sono:

  • completa aderenza agli standard di programmazione di Contao;
  • gestione del selettore interamente lato server, per cui non è necessario avere il Javascript abilitato per utilizzarlo;
  • uso dei cookie per memorizzare anche a distanza di tempo le preferenze degli utenti;
  • gestione di più selettori di stili sulla stessa pagina (ad esempio, uno per la grandezza dei caratteri ed uno per la versione alternativa delle pagine);
  • ogni selettore può gestire un numero qualsiasi di stili;
  • uso di un modello (template) modificabile per la visualizzazione del selettore di stili, in formato XHTML e HTML5 (è presente anche il vecchio formato TPL per compatibilità con le versioni di Contao precedenti alla 2.10.x);
  • possibilità di scegliere se usare come selettore un collegamento (link) o un pulsante di un modulo (form inviato col metodo POST);
  • possibilità di usare un pulsante di selezione per ogni stile o solamente i pulsanti SUCCESSIVO/PRECEDENTE/PREDEFINITO basati sull’ordinamento degli stili;
  • nel caso si attivino i pulsanti SUCCESSIVO o PRECEDENTE, possibilità si utilizzare una selezione ciclica: in tal caso, ad esempio, se è attivo l’ultimo stile e si preme il pulsante SUCCESSIVO, si tornerà al primo stile;
  • per ogni pulsante è possibile impostare un titolo (visualizzato quando ci si passa sopra con il mouse), un’etichetta di testo (visualizzata nel pulsante), un’immagine (visualizzata nel pulsante), l’ordinamento di tabulazione e il tasto di accesso rapido (access key);
  • per ogni stile è possibile usare un foglio di stile gestito internamente da Contao oppure un qualsiasi file CSS.

Per scaricare ed installare l’estensione:

Per segnalare problemi o chiedere supporto si può aggiungere un commento a questo articolo.

ZAD Style Switcher: 4 – gestione del front-end

Una volta terminata l’impostazione degli stili del selettore, possiamo iniziare ad occuparci della visualizzazione nel front-end di Contao. La procedura da seguire è quella che solitamente si usa per visualizzare un nuovo modulo del CMS.

Anzi tutto dobbiamo creare un nuovo modulo all’interno del tema in uso, inserendo le seguenti informazioni:

  • il nome che si vuole assegnare al modulo (non verrà visualizzato nel front-end);
  • l’eventuale intestazione del selettore, visualizzata nel front-end;
  • il tipo di modulo da usare, selezionando la voce “Selettore di stili” presente tra le Applicazioni;
  • il selettore di stili da visualizzare, scelto dall’elenco di quelli esistenti.

Continua a leggere →

ZAD Style Switcher: 3 – impostare gli stili

Una volta terminata l’impostazione del selettore, clicchiamo sul pulsante di modifica: verrà mostrata una nuova pagina che permette la gestione degli stili del selettore indicato.

Gestione degli stili

Continua a leggere →

ZAD Style Switcher: 2 – impostare il selettore di stili

Una volta installata l’estensione ZAD Style Switcher, sarà visibile nel back-end di Contao il modulo del Selettore di Stili:

Modulo di back-end per il Selettore di stili

Continua a leggere →

ZAD Style Switcher: 1 – creare gli stili

Per descrivere il funzionamento dell’ estensione ZAD Style Switcher userò un esempio pratico, mostrando come si può realizzare un selettore di stili che permetta di modificare la dimensione dei caratteri del nostro sito.Selettore di stile per la scelta della dimensione dei caratteri

Supponiamo di avere già realizzato un sito web col CMS Contao e di aver raccolto tutti gli stili usati in un foglio CSS chiamato principale. A questo punto dobbiamo realizzare le diverse versioni dei fogli di stile con impostazioni differenti per le grandezze dei caratteri. Continua a leggere →

Un selettore di stili per Contao

Secondo i dettami dell’ usabilità, un sito web è ben progettato quando non disorienta il visitatore: niente effetti speciali fini a sé stessi, niente “soluzioni innovative” che rivoluzionano l’ uso consueto dell’ interfaccia grafica, ma una grande attenzione alla semplicità d’ uso, pensando soprattutto ai meno esperti. In altri termini, un sito (come una qualunque applicazione informatica) si dovrebbe adattare alle esigenze dell’ utente, mai il contrario.

In quest’ ottica sono sempre più diffusi nel web i cosiddetti selettori di stili(style switcher), che permettono all’ utente di personalizzare la propria esperienza di navigazione, offrendogli la possibilità di scegliere la modalità con cui verrà presentato il sito. Continua a leggere →

Contao un CMS Open Source Accessibile

Da anni mi occupo del sito web dell’ istituto scolastico dove insegno e, di recente, mi sono reso conto che è venuto il momento di rimboccarsi le maniche per rinnovarlo completamente.

La prima difficile scelta è quella sul CMS da utilizzare. Anni fa avevo optato per Docebo, una piattaforma di e-learnig open source con integrato un CMS. Docebo è un ottimo prodotto, nato in Italia, che fa concorrenza a sistemi più diffusi (ma non per questo migliori) come Moodle e Dokeos. L’ idea di abbinare la semplicità d’ uso del CMS alla possibilità di utilizzare una potente piattaforma per la didattica a distanza mi era sembrata vincente. Purtroppo, però, non sono riuscito a far entrare l’ e-learning nella didattica scolastica quotidiana, per cui la piattaforma predisposta con Docebo è stata quasi inutilizzata. Del resto, la parte del CMS di Docebo si è rivelata un po’ troppo rudimentale, costringendomi ad effettuare numerose modifiche del codice per ottenere quanto mi era necessario. Di conseguenza, la scelta di rinnovare il sito mi porta ora a cercare un nuovo CMS, tenendo eventualmente Docebo come applicazione dedicata al solo e-learning.

Continua a leggere →