Countdown - Conto alla rovescia

Ritratto di Vanni

Tutto quello che avreste voluto sapere sui moduli per il Countdown (in Drupal 7) e non avete mai usato chiedere!!

Dopo un'attenta ricerca, ho trovato diversi moduli dedicati al conto alla rovescia, ottimi se si deve segnalare/evidenziare la futura fine di un evento.

Principalmente i moduli si dividono in 2 categorie, quelli che inseriscono il countdown in un blocco e quelli che lo inseriscono in un campo (field) e poi c'è un'eccezione. Alcuni necessitano di moduli aggiuntivi, ma tutti sono molto semplici da configurare.

Moduli che inseriscono il conto alla rovescia in un blocco:

Moduli che inseriscono il conto alla rovescia in un field:

Modulo eccezione, inserisce un conto alla rovescia nella pagina mostrata quando il sito è in manutenzione: Maintenance Countdown (descritto sotto).

Descrizione del modulo Countdown

Questo modulo non ha bisogno di aggiungerne altri, però pecca un po' dal punto di vista estetico.

Dopo aver installato il modulo, in admin/structure/block, si troverà un nuovo blocco che potrà essere facilmente configurato ed inserito nella regione voluta, come qualsiasi altro blocco. Possiamo assegnare: un nome al blocco, un nome all'evento, creare un link col nome evento e far visualizzare i giorni o le ore o i minuti che mancano (accuratezza del timer)

configurazione del blocco di countdown

e poi si deve inserire la data da cui far partire il conteggio

inserimento data di partenza per il countdown

Potete vedere un esempio di questo modulo nel blocco nella colonna di sinistra (sfortunatamente non si poteva impostare una data dopo del 2031).

Descrizione del modulo jQuery Countdown Timer

Questo modulo ha bisogno di Date (non proprio piccolo come modulo da aggiungere), però esteticamente rende di più del precedente. 

Come con il precedente, dopo aver abilitato i moduli, si troverà un nuovo blocco da configurare, l'unica diversità dagli altri blocchi del sito è che in questo si deve impostare una data.

configurazione blocco creato dal modulo "jquery countdown timer"

Potete vedere un esempio di questo modulo all'inizio della pagina.

Descrizione del modulo Countdown Timer Field

Come detto prima, questo modulo permette la visualizzazione del "conto alla rovescia" all'interno di un field della pagina. Esteticamente è identico a quello visualizzato dal modulo jQuery Countdown Timer (vedi blocco all'inizio della pagina). Bisogna però installare anche: Date, Libraries e la libreria Countdown jQuery (scaricare la libreria, decomprimerla, inserire il folder "assets" all'interno di una cartella denominata "jquery-countdown" e spostare il tutto in sites/all/libraries). 

Dopo aver abilitato tutti i moduli possiamo creare un nuovo campo in qualsiasi dei nostri "content type"

creare nuovo campo countdown per il content type

Una volta salvato si deve inserire un valore per il "font-size" e una data di partenza per il conteggio

settaggio del timer del nuovo campo countdown

Risultato finale:

campo countdown visualizzato all'interno della pagina

Descrizione del modulo Maintenance Countdown

A differenza dei moduli precedentemente descritti, questo inserisce un conto alla rovescia nella pagina che avverte che il sito è in manutenzione. Ha diverse opzioni di configurazione e non necessita di moduli aggiuntivi.

Dopo aver attivato il modulo andare in admin/config/development/maintenance, qui troveremo un timer da impostare ed un eventuale messaggio da visualizzare quando il conto alla rovescia è finito

impostazione timer per la pagina di manutenzione

Inoltre, possiamo scegliere se visualizzare un bottone per il ricaricamento della pagina e il tema della pagina

ulteriori configurazioni per il timer della pagina di manutenzione

Risultato finale con impostazioni di base:

pagina di manutenzione con countdown visualizzato

 

Aggiungi un commento

Filtered HTML

  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.

Comment

  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente

Plain text

  • Nessun tag HTML consentito.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Linee e paragrafi vanno a capo automaticamente.
Per tutelare la vostra privacy suggerisco l'uso di un nickname o lasciare anonimo...
CAPTCHA
Questa domanda e' per testare se sei un visitatore persona e non un software che genera spam
3 + 2 =
Risolvi la semplice domanda di matematica e inserisci il risultato. Es. se e' 1 + 3 inserisci 4.