1. T3 FRAMEWORK
Questa è una guida ad uno dei principali framework per la creazione di Template in Joomla, il T3 Framework.
La versione di cui parliamo è la 1.4.3., anche se nel momento in cui scrivo questa guida è stata appena rilasciata la versione 2.0 che integra Bootstrap 3 e Font Awesome 4. Tuttavia le due versioni sono molto simili per quanto riguarda l'utilizzo del framework da parte dell'utente, quindi la ritengo ancora valida ed attuale. La versione di Bootstrap è la 2.3 e quella di Font Aweosome è la 3.2.
Cominciamo quindi a vedere quali sono le caratteristiche principali del T3 framework:
pacchetti, installazione, caratteristiche, utilizzo, modifica e personalizzazione, esempi.
1.1 Caratteristiche principali
Compatibilità: T3 è nativamente compatibile con Joomla! 2.5 & 3.x.
Responsive: T3 è responsive e presenta un nuovissimo sistema visuale per la configurazione di questa caratteristica sui vari tipi di dispositivo a seconda della grandezza del loro schermo e dell'orientamento del dispositivo (orizzontale o verticale).
Basato su Bootstrap: il famoso framework di Twitter che anche Joomla! ha integrato a partire dalla versione 3.x
MegaMenu: in T3 è presente nativamente il MegaMenu, una caratteristica molto richiesta che manca nella versione base di Joomla!
Less: T3 utilizza LESS, un'estensione dei CSS che permette di utilizzare variabili, classi, operazioni ed altro all'interno dei classici fogli di stile, rendendoli più potenti ed intuitivi.
HTML5: T3 utilizza anche HTML5 ed i suoi nuovi e potenti markup per una migliore e più ricca esperienza di navigazione.
Layout multipli: T3 supporta i layout multipli, cioè la possibilità di creare layout di pagina differenti da usare come si vuole all'interno del sito, assegnandoli quindi alle pagine desiderate. Potremo avere quindi layout a 3 colonne, a due colonne, a pagina intera, con o senza la sezione dei contenuti e via dicendo, limitati solo dalla nostra fantasia.
Temi multipli: T3 supporta naturalmente anche i temi multipli, dove per tema si intende l'assegnazione di un colore diverso ad ogni stile del template. T3 Blank, il tema di base del T3 framework, presenta 4 temi di differenti colori oltre a quello predefinito: scuro, verde, arancio e rosso, mentre quello predefinito è azzurro.
Stili tipografici: T3 utilizza gli stili tipografici di Bootstrap: pulsanti, form, tooltip, tab e tutto il resto sono esattamente quelli del famoso framework dei tweet.
ThemeMagic: questa è un'altra applicazione originalissima presente all'interno del framework, che permette di configurare una serie infinita di parametri del template e vederne l'immediato effetto in un'anteprima del front-end, senza dover effettuare modifiche ai fogli di stile o ai file .less. Se la modifica è di nostro gradimento, possiamo renderla effettiva salvando la configurazione. Utilissimo per chi non si intende di codice, ma anche per gli esperti perché consente un notevole risparmio di tempo.
1.2 Requisiti di sistema
1.2.1 Requisiti Server
Software: PHP 5.3.1 +
Database
MySQL 5.1 +
MSSQL 10.50.1600.1 +
PostgreSQL 8.3.18 +
Web Sever
Apache 2.x +
Microsoft IIS 7 +
Nginx 1.0 (1.1 raccomandato)
1.2.2 Requisiti Browser
Firefox 4 +
IE (Internet Explorer) 8 +
Google Chrome 10 +
Opera 10 +
Safari 5 +
2. INSTALLAZIONE
2.1 Download
T3 framework viene fornito in diversi pacchetti scaricabili da siti diversi. Vediamo nel dettaglio quali sono e da dove si scaricano.
2.1.1 T3 framework package
Questo pacchetto include il T3 framework plugin (non l'avevamo ancora detto, ma il T3 framework viene fornito sotto la forma di un plugin di Joomla!) ed il blank template in un unico file in formato .zip oppure tar.gz.
Installando il pacchetto verranno installati contemporaneamente sia il T3 plugin sia il T3 blank template.
Questo pacchetto si scarica da Github, la versione attuale e la 1.4.3
https://github.com/t3framework/t3/tags
2.1.2 T3 quickstart for Joomla! 2.5
Questo pacchetto è il classico pacchetto preconfigurato con contenuti di esempio ed estensioni installando il quale si ottiene un sito esattamente uguale alla demo.
Questo pacchetto si scarica dal sito di Joomlart, gli autori del T3.
http://www.joomlart.com/forums/downloads.php?do=file&id=3271
2.1.3 T3 quickstart for Joomla! 3.0
Questo pacchetto è il classico pacchetto preconfigurato con contenuti di esempio ed estensioni installando il quale si ottiene un sito esattamente uguale alla demo.
Anche questo pacchetto si scarica dal sito di Joomlart.
http://www.joomlart.com/forums/downloads.php?do=file&id=3275
2.1.4 T3 blank template
Questo pacchetto include solo il blank template, compatibile sia con Joomla 2.5 che con Joomla 3.x.
Si scarica dal sito di Joomlart.
http://www.joomlart.com/forums/downloads.php?do=file&id=3272
2.1.5 T3 framework plugin
Questo pacchetto include solo il T3 framework plugin, compatibile sia con Joomla 2.5 che con Joomla 3.x.
Si scarica dal sito di Joomlart.
http://www.joomlart.com/forums/downloads.php?do=file&id=3273
2.2 Installazione pacchetto "t3 framework package"
L'installazione del pacchetto cosiddetto "T3 framework package" può essere eseguita indifferentemente su Joomla 2.5 o 3.x, il pacchetto va bene per entrambe le versioni.
Le schermate riportate qui di seguito fanno riferimento a Joomla! 3.x.
Questo pacchetto contiene il T3 framework ed il blank template. Una volta terminata l'installazione li troveremo entrambi nel pannello di amministrazione di Joomla!.
Procediamo quindi con l'installazione:
1) selezioniamo il menu "Estensioni" -> "gestione estensioni" e scegliamo il pacchetto precedentemente scaricato sul nostro pc come nella figura qui sotto.
Ora controlliamo da "gestione plugin" se il plugin è stato correttamente installato ed è abilitato (dovrebbe esserlo già come impostazione predefinita, se non è così abilitatelo).
Facciamo lo stesso con il blank template da "gestione template" e rendiamolo il template predefinito.
A questo punto l'installazione del T3 framework e del blank template è terminata.
