les shortcodes pour créer des accordéons

Définition : Les shortcodes sont des balises de code pré-définies permettant d’insérer des éléments sur un site.

Les balises de code sont insérées dans l’éditeur de texte.

Les shortcodes proposés dans l’éditeur de texte d’un site 6temFlex, permettent d’enrichir la mise en page de votre contenu en créant par exemple des accordéons (éléments qui se déplient au clic pour afficher du contenu).

accordéons

Accès aux shortcodes des accordéons dans l’éditeur de texte

Grâce aux shortcodes, vous allez pouvoir insérer 1, 2, 3, 4 ou 5 accordéons.

Remarque : La mise en page avec des accordéons est essentiellement utiliser pour des révéler des informations complémentaires.

Insertion du shortcode

Si vous cliquez sur le bouton Shortcodes puis Colonnes et enfin sur 2 accordéons, le shortcode est alors automatiquement rajouté à l'endroit où votre curseur est positionné dans le contenu de l'éditeur de texte. Sa forme est la suivante :

Voici l'explication de sa construction :

ouvre d'abord le shortcode des accordéons.

ouvre ensuite le 1er accordéon.

ouvre la partie contenant le titre du 1er accordéon.

“Titre 1” représente le titre du 1er accordéon.

ferme la partie contenant le titre du 1er accordéon.

ouvre la partie présentant le contenu du 1er accordéon.

“Contenu de l'accordéon 1” représente le contenu du 1er accordéon.

ferme la partie présentant le contenu du 1er accordéon.

ferme enfin le 1er accordéon.

ouvre le 2ème accordéon.

ouvre la partie contenant le titre du 2ème accordéon.

“Titre 2” représente le titre du 1er accordéon.

ferme la partie contenant le titre du 2ème accordéon.

ouvre la partie présentant le contenu du 2ème accordéon.

“Contenu de l'accordéon 2” représente le contenu du 2ème accordéon.

ferme la partie présentant le contenu du 2ème accordéon.

ferme le 2ème accordéon.

En enfin,

ferme le shortcode des accordéons.

Attention : pour qu'il fonctionne, les balises du shortcode ne doivent absolument pas être modifiées, ni changées de couleurs ou de style. Seuls les contenus doivent être personnalisés.

Le principe est exactement le même pour les autres shortcodes des accordéons.

Exemple d'utilisation des accordéons

Nous allons créer 3 accordéons. Le 1èr contiendra un texte de Voltaire, le 2ème une galerie photo et le 3ème une vidéo.

Le shortcode va donc se présenter de cette façon :

Voir le texte de VoltaireLe texte
Voir la galerie photosLa galerie photos
Voir la vidéoLa vidéo

les shortcodes pour créer des accordéons