Les spoilers dans la mise en page des pages Web sont utilisés pour masquer visuellement une partie du texte volumineux, de l'image ou de tout autre contenu de page derrière un lien. Pour faire un spoil dans Joomla, utilisez un plugin spécial.
Instructions
Étape 1
Dans le répertoire des modules complémentaires Joomla, recherchez et installez le plugin Core Design Spoiler. Pour un fonctionnement correct, vous aurez également besoin du plugin Core Design Scriptegrator, qui chargera automatiquement les bibliothèques JS (Highslide, jQuery et autres). Après l'installation, activez les deux modules complémentaires via le gestionnaire de plugins.
Étape 2
Vous pouvez maintenant ajouter un spoiler avec du contenu caché en l'enveloppant dans la balise [spoiler]. Une telle balise peut être ajoutée non seulement aux articles Joomla réguliers, mais également aux matériaux des composants du catalogue, par exemple dans K2, ZOO, FLEXIcontent, etc.
Étape 3
Sélectionnez la façon dont le spoiler est affiché dans les paramètres du plugin. Il peut s'agir d'un simple lien ou d'un bouton. Spécifiez également la condition dans laquelle le spoiler s'ouvrira - lorsque vous cliquez ou survolez le curseur.
Étape 4
En plus de la méthode spécifiée, n'importe quel paramètre peut être spécifié manuellement, dans la balise [spoiler]. Le spoiler peut être défini avec le paramètre element, spécifiant la valeur du lien pour l'affichage en tant que lien, ou bouton pour un bouton.
Étape 5
L'action à laquelle le spoiler sera révélé peut être désignée via le paramètre d'action, pour lequel il existe des valeurs valides en survol (au survol) ou au clic (au clic). Un titre de spoiler unique peut être créé à l'aide du paramètre Title, en spécifiant la valeur requise entre guillemets.
Étape 6
Par exemple, si vous devez faire un spoil avec le titre "Lire la suite de l'histoire", qui s'ouvrira en cliquant sur le lien avec le texte du titre, utilisez la balise suivante: [spoiler title="Lire la suite de l'histoire" action = élément "clic" = "lien"]
Étape 7
Après cette balise, placez le texte ou l'image que vous souhaitez masquer, puis "fermez" le spoiler avec la balise: [/spoiler]
