Come creare una nuova posizione modulo in un template Joomla

Oggi vediamo come si crea una nuovo posizione per l’inserimento di un modulo in un template Joomla.

La grafica, ossia il front end, nonchè la parte che i visitatori vedono, di ogni sito Joomla è renderizzata da un template, ed ogni tema ha delle posizioni che possiamo chiamare anche “blocchi” in cui vengono inseriti i vari moduli disponibili, per esempio il modulo login, il modulo news, ecc.

gestione moduli joomlagestione moduli joomla

Poniamo il caso di avere un sito multilingua e di non avere una posizione del tema in cui ci piace posizionare il modulo per il cambio lingua, diciamo che vogliamo inserirlo in alto a destra sopra il menu principale; come facciamo se il template non prevede tale posizione ? La creiamo noi da zero 😛

Come creare una posizione modulo in Joomla 3

La prima cosa da fare è aprire il file .php principale del tema, di norma è index.php e si trova via FTP in templates/nome_template_utilizzato/index.php , lo scarichiamo e lo apriamo in locale con un editor PHP o di testo.

Ora nel punto in cui vogliamo creare la nuova posizione, incolliamo queste righe di codice

language-switcher : è il nome della nuova posizione del modulo nel template (ovviamente la potete cambiare a piacimento)

A questo punto è necessario aprire il file .xml che passa le informazioni delle posizioni al template, di norma si chiama templateDetails.xml e si trova nello stesso punto in cui c’è il file index.php, ossia in templates/nome_template_utilizzato/templateDetails.xml , aprirlo con un editor HTML ed inserire la stringa seguente come nell’esempio.

Posizioni esistenti :

Con la nuova posizione :

Una volta salvati entrambe i files avremo a disposizione la nuova posizione “language-switcher”

nuova posizione modulo joomla

A questo punto è necessario scrivere qualche riga di CSS per aggiustare un pò il layout, il CSS è a vostra discrezione.

Ed ecco il risultato finale

toolbar joomla

Come creare una nuova posizione modulo in un template YooTheme

Se per caso utilizzato uno dei template di YooTheme le cose si complicano un pò perchè questi temi utilizzano un framework che si chiama Warp.

I file da modificare sono i seguenti :

templateDetails.xml (Joomla)
config.xml
/layouts/template.php
/layouts/module.php

e li troviamo tutti in templates/nome_tema_utilizzato/

templateDetails.xml

config.xml

layouts/template.php

layouts/module.php

Ciauz! 🙂

Programmatore WordPress e Joomla, PHP/MySQL.
Sono freelance mi trovi come Professionista Joomla e articolista nella lista ufficiale di joomla.it, e come Professionista WordPress nella lista ufficiale di WUG Italia.
Dal 2006 sono titolare di Web Synapse, una Web Agency di Milano.
Pratico Kung Fu Wing Chun e mi piacciono le tagliatelle al ragù ! :-)

Commenta l'articolo

Pin It on Pinterest

Condividi l'articolo. Grazie.

Vuoi essere aggiornato ?