Gli spoiler nel layout delle pagine Web vengono utilizzati per nascondere visivamente parte del testo voluminoso, dell'immagine o di qualsiasi altro contenuto della pagina dietro un collegamento. Per fare uno spoiler in Joomla, usa un plugin speciale.
Istruzioni
Passo 1
Nella directory dei componenti aggiuntivi di Joomla, trova e installa il plug-in Core Design Spoiler. Per il corretto funzionamento, sarà necessario anche il plug-in Core Design Scriptegrator, che caricherà automaticamente le librerie JS (Highslide, jQuery e altre). Dopo l'installazione, abilita entrambi i componenti aggiuntivi tramite Plugin Manager.
Passo 2
Ora puoi aggiungere uno spoiler con contenuto nascosto avvolgendolo nel tag [spoiler]. Tale tag può essere aggiunto non solo ai normali articoli Joomla, ma anche ai materiali dei componenti del catalogo, ad esempio in K2, ZOO, FLEXIcontent, ecc.
Passaggio 3
Seleziona il modo in cui lo spoiler viene visualizzato nelle impostazioni del plugin. Può essere un semplice link o un pulsante. Specificare anche la condizione in cui si aprirà lo spoiler, quando si fa clic o si passa con il mouse sul cursore.
Passaggio 4
Oltre al metodo specificato, qualsiasi parametro può essere specificato manualmente, nel tag [spoiler]. Lo spoiler può essere impostato con il parametro dell'elemento, specificando il valore del collegamento per la visualizzazione come collegamento o pulsante per un pulsante.
Passaggio 5
L'azione a cui verrà rivelato lo spoiler può essere designata tramite il parametro action, per il quale esistono valori validi hover (al passaggio del mouse) o clic (al clic). È possibile creare un titolo spoiler univoco utilizzando il parametro Title, specificando il valore richiesto tra virgolette.
Passaggio 6
Ad esempio, se hai bisogno di fare uno spoiler con il titolo "Leggi il seguito della storia", che si aprirà cliccando sul link con il testo del titolo, usa il seguente tag: [spoiler title="Leggi il seguito di the story" action = "click" element = "link"]
Passaggio 7
Dopo questo tag, posiziona il testo o l'immagine che vuoi nascondere, quindi "chiudi" lo spoiler con il tag: [/spoiler]
