Supporto volontario e collaborativo per Joomla!® in italiano

Come aggiungere nuove posizioni modulo al template

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Oggi vediamo come inserire delle nuove posizioni modulo nel proprio template, utilizzando come esempio il template predefinito di Joomla, Protostar

Fare una copia del template

Come sempre, suggerisco prima di fare una copia del template e modificare i file della copia, in modo da non perdere le modifiche con successivi aggiornamenti di Joomla.
Andiamo in Estensioni > Template > Lista template e clicchiamo su Protostar Dettagli e File.
Clicchiamo sul pulsante in alto a sinistra Copia template e assegniamo un nome al nuovo template, ad es. Protostar_personalizzato

Anteprima posizioni modulo

Visualizziamo prima di tutto quali posizioni modulo abbiamo già a disposizione, seguendo questa guida:




Questo schema tratto dall'articolo Joomla 3+ - Protostar Default Module Positions ci aiuta a capire meglio la struttura del template:


Modificare il file templateDetails.xml

Nel file templateDetails.xml del template troviamo tutte le posizioni modulo del template (alcune di esse non sono utilizzate poichè non sono state inserite nel file index.php)
Questo è il codice che dichiara le posizioni modulo:

	<positions>
		<position>banner</position>
		<position>debug</position>
		<position>position-0</position>
		<position>position-1</position>
		<position>position-2</position>
		<position>position-3</position>
		<position>position-4</position>
		<position>position-5</position>
		<position>position-6</position>
		<position>position-7</position>
		<position>position-8</position>
		<position>position-9</position>
		<position>position-10</position>
		<position>position-11</position>
		<position>position-12</position>
		<position>position-13</position>
		<position>position-14</position>
		<position>footer</position>
	</positions>​
Aggiungiamo nel nostro esempio due nuove posizioni modulo, bottom-a e bottom-b

	<positions>
		<position>banner</position>
		<position>debug</position>
		<position>position-0</position>
		<position>position-1</position>
		<position>position-2</position>
		<position>position-3</position>
		<position>position-4</position>
		<position>position-5</position>
		<position>position-6</position>
		<position>position-7</position>
		<position>position-8</position>
		<position>position-9</position>
		<position>position-10</position>
		<position>position-11</position>
		<position>position-12</position>
		<position>position-13</position>
		<position>position-14</position>
		<position>footer</position>
                <position>bottom-a</position>
                <position>bottom-b</position>
	</positions>​​

Ora inseriamo le nuove posizioni modulo anche nel file index.php

Modificare il file index.php

Questo file contiene la struttura del template, è qui che si decide dove far apparire le posizioni modulo.
Nel nostro esempio inseriremo due posizioni modulo affiancate sotto alla position-2.
Il codice che richiama le posizioni modulo è il seguente:

<jdoc:include type="modules" name="position-2" style="none" />​
Come vedete positon-2 determina quale modulo visualizzare.
Cerchiamo quindi il codice sopra descritto e inseriamoci sotto il seguente codice per far apparire anche le due posizioni modulo bottom-a e bottom-b
	  <?php if ($this->countModules('bottom-a')) : ?>		
	      <div class="span5" id="bottom-a">
                <jdoc:include type="modules" name="bottom-a" style="well" />
	      </div> 
	  <?php endif; ?>
	  <?php if ($this->countModules('bottom-b')) : ?>
	      <div class="span5" id="bottom-b">
                <jdoc:include type="modules" name="bottom-b" style="well" />   
	      </div>
	  <?php endif; ?>


Se pubblichiamo dei moduli in queste posizioni, appariranno in questo modo:

Conservando le proprietà responsive del template.
Questa guida vale ovviamente anche per gli altri template per Joomla, non solo per Protostar.


 

CommentaCommenta questo articolo sul forum

Ultima versione di Joomla!®

downloadVer. 3.7.2 Stabile Italiana
Data di rilascio: 23 Maggio 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: