Supporto volontario e collaborativo per Joomla!® in italiano

Come fare un override di un template K2 – La logica dei file

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 

Cos’è l’override in Joomla! ?

La prima cosa da sapere è cosa significa fare un override di un layout Joomla!, ma soprattutto come funziona.
L’override è una sovrascrittura di un file originale di un componente, un modulo o un plugin, infatti potremmo per esempio cambiare layout al componente search, al modulo di login e a quanto altro ci passi per la testa.


Ogni estensione possiede un template di default che si trova all’interno della cartella dell’estensione stessa, per esempio nel modulo login nativo di Joomla! il layout è scritto in un file php che si trova in %tua_installazione_joomla%modules/mod_login/tmpl/default.php , editando questo file potremmo modificarne l’aspetto grafico a front end.

Struttura file moulo login Joomla

Perché è meglio fare sempre l’override ?

Facendo l’override non si modificano i file originali dell’estensione, ma soprattutto in caso di aggiornamenti della stessa, non si perderebbero le modifiche apportare ai file.

Come si fa un override di un estensione Joomla! ?

L’override di un’estensione è molto semplice, nella cartella del template Joomla!, ossia qui :

%tua_installazione_joomla%/templates/%template_in_uso% viene creata (se già non esiste) una sotto cartella chiamata “html” dentro la quale verranno copiati i file del componente per cui vogliamo fare l’override, rispettando la struttura ad albero originale, avremo quindi una path (percorso) di questo tipo :

%tua_installazione_joomla%/templates/%template_in_uso%/html

che nel caso del modulo login di Joomla! sarà

%tua_installazione_joomla%/templates/%template_in_uso%/html/mod_login

Struttura ftp per override

e quindi al suo interno avremo una cartella “tmpl” con i seguenti file al suo interno:

default.php
default_logout.php

Questi ultimi due file saranno quelli da modificare se vogliamo fare l’override del modulo login.

Come si può notare dall’immagine, in questo caso ci sono più override, è fondamentale rispettare il nome della cartella originale, altrimenti il sistema non interpreta le modifiche e utilizzerà il file originale di layout.

Adesso che sappiamo cos’è, perché e come si fa l’override di un’estensione Joomla!, apriamo il cofano di K2 e vediamo cosa c’è sotto.

La logica dei template K2

K2 è fornito di un template predefinito che si chiama “default”, tale template può essere duplicato N volte rinominandolo con nomi differenti, personalizzandolo a piacimento ed assegnandolo a categorie diverse sulla base delle esigenze del progetto che ci troveremo a sviluppare di volta in volta.

Il template di K2 si trova in :

%vostra_installazione_joomla%/components/com_k2/templates/default

al suo interno troviamo i vari file che ne comandano il layout

category.php : vista categoria
category_item.php : vista articoli di una categoria
item.php : vista singolo articolo
item_comments_form.php : form inserimento commento
item_form.php : form inserimento articolo da fron end
latest_item.php :
tag.php : vista tag

Il CSS di K2

Qui invece troviamo il file che formatta l’HTML che troveremo all’interno dei file .php elencati sopra

%vostra_installazione_joomla%/components/com_k2/css

k2.css : file CSS per la formattazione globale di tutto K2
k2.print.css : file CSS per la formattazione dei documenti (quando si preme la funzione stampa articolo)

Come fare l’override di un template K2

Per effettuare l’override di un template K2 è necessario copiare la cartela default ed il relativo contenuto .

La copia si effettua via FTP con un comune client tipo Filezilla. E’ sufficiente copiare i file in locale e poi ricaricarli nella nuova cartella.

Da : %vostra_installazione_joomla%/components/com_k2/templates/

A : %vostra_installazione_joomla%/templates/%template_in_uso%/html/com_k2/templates/

Come fare l’override del CSS di K2

Per il file CSS invece il percorso è diverso, copiare i file

Da : %vostra_installazione_joomla%/components/com_k2/css/*

l’asterisco (*) è un carattere jolly ed in questo caso indica di copiare tutti i file contenuti nella cartella css. Attenzione solo il contenuto della cartella e non la cartella stessa.

A : %vostra_installazione_joomla%/templates/%template_in_uso%/css

Alcuni esempi di override

Ho utilizzato alcune estensioni commerciali che nel rispetto della politica del forum non citerò, potete scrivermi in privato per chiedere quali, o leggere l’articolo in versione integrale sul mio blog fra qualche giorno.

Con un po’ di dimestichezza con i vari linguaggi di programmazione (negli esempi ho utilizzato CSS3, HTML4, jQuery e PHP) potete sbizzarrirvi con la fantasia e creare dei layout molto carini.

Esempi di override item.php , item_comments_form.php e category_item.php

Come si vede nelle figure ho inserito delle glyph icons utilizzando Font Awesome, avevo scritto un articolo su come si utilizza questo carattere, qui il link su Come utilizzare le glyph icons su Joomla! con NS - Font Awesome

Nella terza e quarta immagine ho inserito due pulsanti che richiamano una funzione in jQuery, non fa altro che mostrare e nascondere un div, in questo caso l’ho utilizzata per mostrare o nascondere i commenti ed il relativo form di inserimento.

Template originale di K2

vista articolo K2 on template di default

K2 default template
Template K2 modificato

Ovveride K2 item.php
Override template articolo K2 con immagini, video e audio
Modifica template K2 item_comment_form
K2 form inserimento commenti a scomparsa
Vista categoria in stile blog

K2 con vista categorie in stile blog

CommentaCommenta questo articolo sul forum

Ho scritto e condiviso questo articolo su Joomla.it, fallo anche tu. Invia ora un nuovo articolo!
Alessio Angeloro (alessioa)
Alcune informazioni su di me:
Dirigo Websynapse.it, spettacolare manipolo di supereroi votati allo sviluppo di progetti web e di e-commerce altamente professionali, ho un blog per addetti ai lavori e collaboro a volte anche come freelance con web agency e aziende interessate alle mie competenze specialistiche in PHP/MySQL, HTML, CSS, JQuery, Ajax, Joomla, WordPress e Prestashop. Mi piacciono la montagna, il Wing Chun e le tagliatelle al ragù !


Ho anche scritto:
         ✔ diventa autore su Joomla.it

Ultima versione di Joomla!®

downloadVer. 3.8.1 Stabile Italiana
Data di rilascio: 04 Ottobre 2017
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: