Nuovi articoli: Xiaomi Redmi Note 11

Nuovi articoli: VirtualBox - Error In supR3HardenedWinReSpawn

Nuovi articoli: Windows - Disabilitare "Fast boot" o Avvio rapido

Nuovi articoli: JComments for Joomla! 4

Nuovi articoli: Joomla 4 - Come creare un file CSS personalizzato con Cassiopeia

Quando si è abituati ad usare WordPress, si ha familiarità con il concetto di child themes e sul loro uso. Avevo già spiegato cosa sono e come usarli in un articolo proprio dedicato a questa funzionalità di WordPress:

WordPress - Child Themes, come e perché

Joomla! non ha finora mai adottato questa tecnica abituandoci dalla versione 2.5 alla possibilità di duplicare il tema per poterlo poi modificare a piacimento senza intaccare l'originale. Tuttavia è evidente che la nuova versione di Joomla! ha portato aria di freschezza e con essa la voglia di stravolgere profondamente la filosofia del noto CMS. Infatti il concetto di child template sembra copiare quello dei child themes di WordPress.

Con Joomla! 4, il nuovo template che segue il filo logico del vecchio Protostar è Cassiopeia, tema che ho adottato anche per il blog che state leggendo. Leggero e peformante, include Bootstrap ma è notevolmente limitato il che obbliga alla modifica del template per poterlo personalizzare a piacimento e renderlo anche più gradevole al visitatore.

Tuttavia, se come me avete iniziato ad usarlo, vi sarete resi conto subito che ad ogni aggiornamento certe parti di esso vengono sovrascritte, come ad esempio il file index.php.

Creare un child template basato su Cassiopeia ci consentirà finalmente di non preoccuparci ad ogni aggiornamento perché le parti customizzate saranno nella cartella del tema figlio e non nella cartella madre e dunque non saranno oggetto di sovrascrittura.

Questo ci consentirà di sfruttare ogni singola parte del template Cassiopeia la cui modifica consisterà nel duplicarne i file da modificare nella cartella del tema figlio. Questo farà in modo che Joomla! nel generare le pagine, darà priorità ai file nel tema figlio. Questi saranno i file che ne costituiranno la pesonalizzazione in quanto tutte le altre parti del template verranno poi prelavate dal tema madre.

La tecnica ricorda un po' l'override ai quali Joomla! ci ha abituati nel tempo, solo che in questo caso l'override lo si fa sul template e non su di un singolo modulo.

Dalla versione 4.1.0, i media, i fogli di stile e gli script dei template sono stati spostati nella cartella /media/templates/site/

Creare un Child Template

Creare un child template con Joomla!, è molto semplice. Basta infatti recarsi in Sistema e dal gruppo Template, selezionare Template del sito, entrare poi nel template del quale si vuole creare il tema figlio e in seguito nella barra strumenti, cliccare sul pulsante in alto a sinistra "Create Child Template".

Template Personalizza

Una volta fatto click sul pulsante Create Child Template il sistema ci chiederà il nome del nuovo template:

create child template

Assegnato il nome clicchiamo nuovamente sul pulsante "Create Child Template".

Completata la creazione Joomla! ci avviserà della creazione del nuovo template con la seguente notifica:

avviso child template creato

Quello che succede nella pratica è la creazione di una cartella replica del template madre sotto la cartella /templates nella radice di Joomla! e la creazione di una cartella omonima anche sotto /media/templates/site che, come accennato prima nella nota, conterrà i file css, javascript e i media del nuovo template. Da qui si potrà poi procedere alle eventuali modifiche del child template.

Una volta fatto click sul pulsante "Chiudi" del template madre, vedremo in elenco, tra i template disponibili anche il nuovo child template.

joomla stili template

Impostare il Child Template come tema in uso

Per poterlo utilizzare come template principale del sito Joomla!, una volta creato il child template, dalla schermata Template del sito cliccare sul pulsante in alto a sinistra "Stili" oppure, dal pannello Sistema, dal gruppo template cliccare su "Stili Template sito".

Una volta visualizzata la schermata con gli stili del sito disponibili, ci si accorge che con la creazione del child template è stato creato in automatico uno stile associato. Per renderlo effettivo e attivarlo come stile in uso, basterà cliccare sul pallino grigio nella colonna Predefinito alla riga corrispondente allo stile del child template appena creato. Il pallino grigio lascerà così posto alla stella di colore giallo la quale ci conferma l'attivazione dello stile selezionato.

imposta stile child predefinito

Ora che il nuovo child template è in uso, è possibile modificarlo a piacimento senza intaccare il template madre dalla quale ne erediterà funzionalità e file. A questo punto, aspettando le novità che porterà Joomla! 4.2.0, sarà possibile mettere alla prova questa nuova funzionalità per vedere se sarà all'altezza della storica funzione di WordPress e come e se evolverà nel prossimo futuro.


 

Se hai gradito l'articolo, condividilo, basta un click:
Aggiungi commento
I commenti lasciati dagli utenti del blog sono sempre soggetti a controllo prima di eventuale pubblicazione. I commenti non considerati adatti per contenuti, spam o forma saranno eliminati e non pubblicati. Leggi i Termini e Condizioni di utilizzo per maggiori informazioni.


Iscriviti alla Newsletter!

Abilita il javascript per inviare questo modulo