In questo articolo scritto per joomla.it ho fatto la recensione di TZ Portfolio, una componente che consente di espandere notevolmente le capacità della componente content di Joomla!.
Un pò lavora come k2 o ZOO, con la differenza che qui useremo in contenuti di Joomla! di cui verranno ampliate le funzionalità come potete vedere cliccando sulle diverse visualizzazioni nel menù qui a destra.

Purtroppo il template protostar non si presta molto a mostrare tutte le possibilità di visualizzazione di questa potente estensione.
Ma potete ugualmente farvi una piccola idea delle possibilità che si aprono con l'uso di questa estensione.

Di default Joomla! 3.x si apre con questo template. Esso è di tipo cosidetto responsive, capace cioè dio adattarsi alle diversisime dimensioni dei monitor utilizzati per navigare in internet.

Ho scritto questo articolo per joomla.it dove cerco di spiegare i numerosi pregi di questo bel template.

In questa area potete vedere diverse caratteristiche di questo template in accoppiata con joomla3.5: immagini e gallerie immagini responsive, una bella tipografia con la quale inserire velocemente leggerissimi ed efficaci strumenti grafici, per rendere il sito più gradevole e meglio navigabile.

Qui potete vedere le posizioni modulo del template di default di Joomla! 3:  il Protostar.
Sono un articolo ed occupo il 50% dello spazio disponibile. Ma se mancassero moduli nella colonna di destra o di sinistra andrei ad occupare anche quello spazio arrivando al 75%.
Mentre se mancassero moduli in entrambe le colonne occuperei tutto lo spazio disponibile arrivando al 100%.

 +span3 se NO moduli a sinistra+ span3 se NO moduli a destra

Beh, la risposta è semplice. Ti basterà copiare il codice che troverai sotto la slideshow, incollarlo in un tuo articolo e cambiare i percorsi, i titoli e le descrizioni delle immagini.

Dovrai però usare il template di default Protostar, o altro che utilizzi lo stesso framework, il bootstrap, che è integrato in Joomla 3.

Io trovo davvero interessanti queste caratteristiche perchè ci permettono di realizzare un bel sito web senza bisogno di installare altre estesnioni, il che vuol dire maggior velocità e. soprattutto, maggior sicurezza.

Gustiamoci adesso queste belle immagini. Volutamente hanno altezza diversa perchè volevo testare il comportamento della slideshow. Esame passato, direi!

Fagiano

Descrizione prima immagine....

Farfalla

Descrizione seconda immagine...

Cigni

Descrizione terza immagine...

Ancora farfalle

Descrizione quarta immagine...

Pesce

Descrizione quinta immagine...

Farfalla e scorpione

Descrizione sesta immagine...

Pappagallo

Descrizione settima immagine...

‹ ›

Ecco qui il codice utilizzato per questa slideshow:

<div id="mySlide" class="carousel slide">
<div class="carousel-inner">
<div class="item active"><img src="/joomla35/images/slide/01.jpg" />
<div class="carousel-caption">
<h4>Fagiano</h4>
<p>Descrizione prima immagine....</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/02.jpg" />
<div class="carousel-caption">
<h4>Farfalla</h4>
<p>Descrizione seconda immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/03.jpg" />
<div class="carousel-caption">
<h4>Cigni</h4>
<p>Descrizione terza immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/04.jpg" />
<div class="carousel-caption">
<h4>Ancora farfalle</h4>
<p>Descrizione quarta immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/05.jpg" />
<div class="carousel-caption">
<h4>Pesce</h4>
<p>Descrizione quinta immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/06.jpg" />
<div class="carousel-caption">
<h4>Farfalla e scorpione</h4>
<p>Descrizione sesta immagine...</p>
</div>
</div>
<div class="item"><img src="/joomla35/images/slide/07.jpg" />
<div class="carousel-caption">
<h4>Pappagallo</h4>
<p>Descrizione settima immagine...</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#mySlide" data-slide="prev">‹</a> <a class="right carousel-control" href="#mySlide" data-slide="next">›</a></div>

Questa è la demo di questo articolo scritto per joomla.it. Come puoi vedere qui di fianco sotto al titolo appare una immagine che nei parametri di joomla! ho impostata per apparire solo nel testo introduttivo.

Dopo l'override illustrato nell'articolo l'immagine diviene un link al leggi tutto. Peraltro grazie alla classe btn del bootstrap supportato da Joomla! 3.5  anche graziosamente formattata come un simpatico pulsante nel quale si può agevoilmente inserire una scritta nel campo didascalìa.

Nel testo esteso dell'articolo tale immagine scompare. Si può  farne apparire un'altra, impostabile sempre nei parametri dell'articolo, oppure tutte quelle che si vuole con i normali inserimenti possibili nel codice html.

Scommetto che sei curioso di vedere cosa ho inserito nell'articolo esteso...