Vai al menu | Vai ai contenuti

Home » Il layout di Joomla!

Il layout di Joomla!

Dopo aver visto  questi primi articoli in merito ai passaggi basilari di Joomla!, vediamo adesso come questo CMS "ragiona" in fatto di disposizione dei blocchi e posizionamento dei moduli, all'interno di essi. Tutto questo fa parte del layout di Joomla! ed in questo articolo si vedrà come implementare una serie di moduli in un layout che potrebbe essere una ipotetica base di partenza per un nostro sito. Prima di procedere, si prenda in esame la figura posta immediatamente sotto la fine del seguente paragrafo. E' una immagine che raffigura, appunto, un layout a 2 colonne più una testata ed un footer.

Esempio layout a 2 colonne di Joomla!

Immaginando che un layout simile costituisca il nostro template per Joomla!, tale visualizzazione con i blocchi modulo la possiamo vedere, lato back end, attraverso il seguente percorso:
SITO » ANTEPRIMA » SITO NEL PANNELLO DI CONTROLLO CON  POSIZIONE BLOCCHI MODULO.

Tale visualizzazione ci permette di avere sotto controllo le "zone di pubblicazione" dei blocchi modulo, che abbiamo a disposizione per il template in uso. Nell'esempio ho voluto proporre uno schema di layout molto semplice ma, grazie alla elasticità di Joomla!, possiamo ottenere dei risultati molto più complessi.

Una "posizione blocco" altro non è che un segnaposto grazie al quale possiamo visualizzare tutto quello di cui abbiamo bisogno che in una determinata parte della pagina vogliamo far vedere.

Non ci si confonda, cosa che succede abbastanza spesso, tra gli ID assegnati alle diverse parti del layout realizzato con i CSS e gli stessi nomi dati alle posizioni dei blocchi. Tornando alla figura del template, ho nominato con un <div id="header"></div> la testata, all'interno della quale metteremo, per il nostro esempio, 2 posizioni di blocchi le quali conterranno, a loro volta, i moduli di Joomla!. La cosa potrebbe sembrare un pò contorta ma, una volta capito tale meccanismo, ci si renderà conto che non è nulla di più semplice.

Ricapitolando:
nel DIV, o nella cella di tabella, abbiamo il segnaposto (la posizione del blocco modulo);
nella posizione del blocco modulo richiameremo il modulo vero e proprio di Joomla! attraverso un codice che viene definito snippet ed è formato da codice php.