Come creare un pannello a tab in Joomla

Ogni tanto abbiamo bisogno inserire su una pagina web tanto materiale contemporaneamente per rendere la vita dei nostri visitatori più facile. Per esempio vogliamo presentare qualcosa che è suddiviso in varie parti come un corso con tante lezioni, o spiegare parecchi passaggi per realizzare qualcosa, oppure descrivere dei compiti da fare dal più facile al più difficile.

E quindi per mostrare tutto questo la nostra pagina dovrebbe essere parecchio lunga o come una soluzione divisa per le tab con del contenuto. E passando da linguetta(tab)  a linguetta(tab) il nostro utente vedrà tutto il materiale che li abbiamo proposto in maniera  strutturata e divisa. Come avete capito oggi vediamo come nella CMS Joomla realizzare pannello a tab(linguette)

Creare panello a tab in Joomla

Vediamo di realizzare linguette con del contenuto :

Corso HTML

Video corso HTML  33 videolezioni

Video corso completo di HTML. 33 video tutorial!

Esempi reali - tutto quello che viene mostrato è facili da applicare in pratica.

L'elenco delle lezioni.Impara gratis subito!

Corso CSS

Corso base CSS 44 videolezioni

Se hai già imparato HTML allora fai il tuo secondo passo, impara CSS.

Corso multimediale di CSS. 44 video tutorial!

L'elenco delle lezioni.Impara gratis subito!

Corso CSS pratica

css practice

Se avete già imparato HTML e Css, il passo successivo sarebbe quello di consolidare le vostre conoscenze.

Video corso "CSS pratica". 35 video tutorial!

L'elenco delle lezioni

Sito web da zero

site

Vediamo di creare un sito web da zero con aiuto di HTML e CSS

Video corso "Sito web da zero". 18 video tutorial!

L'elenco delle lezioni.

2. Instalazione plugin in Joomla

Per realizzare queste linguette la prima cosa che dovremo fare è di scaricare il plug-in, che troverete sotto articolo.

Dobbiamo installarlo in  Joomla tramite menu Gestione estensioni.01

 3. Attivazione plugin "Tabs"

Dopo di che dobbiamo attivarlo

02

E a questo punto gia posiamo creare nella nostra pagina panello con linguette o tab nel vostro redattore del contenuto preferito. E per questo utilizzeremo questo frammento del codice, cosi detto shortcode 

03

4.Creare linguette in un materiale o in un modulo Joomla in pratica

Apriamo un nuovo articolo e creiamo le  nostre tab :

04

Come avete capito potete creare qualsiasi quantita di tab con vari contenuti come testo, foto o video.

05

La stessa cosa vale anche per moduli, basta creare un modolo HTML personalizzato.

06

Inserire il nostro codice e il contenuto, non dimenticare di abilitare interpretazione codice plug-in,

07

e scegliere per esso(modulo) una posizione sul nostro template

Ok ! E tutto.

Potrai scaricare plugin qui sotto

Letto 1180 volte

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso