• image Edit_composants.png (0.1MB)
    Lʼinterface dʼédition de page YesWiki permet d'ajouter facilement de nombreux éléments puissants à la page.
  • Pour cela, on utilise le menu « Composants » de lʼinterface dʼédition.
Pour ajouter un accordéon (plusieurs encadrés liés entre eux) à une page.
1 – Placez-vous à lʼemplacement où vous souhaitez positionner lʼaccordéon.
2 – Cliquez sur « Composants », puis sur « Mise en forme ».
3 – Puis, choisissez « Afficher des encadrés en accordéon ».
4 – Dans la boîte de dialogue qui sʼouvre, validez en cliquant sur « Insérer dans la page ».
Cette opération ajoute un accordéon composé de deux encadrés sous la forme du code suivant.
{{accordion }}
{{panel title="Titre 1"}}
Texte du panneau 1 à changer par la suite
{{end elem="panel"}}
{{panel title="Titre 2"}}
Texte du panneau 2 à changer par la suite
{{end elem="panel"}}
{{end elem="accordion"}}

5 – Modifiez le titre de chaque encadré dans {{panel title="Titre…" }}
6 – Remplacez, pour chaque encadré, le texte compris entre {{panel title="Titre…" }} et {{end elem="panel"}} par le contenu de lʼencadré.
Plus dʼexplications sur le fonctionnement des accordéons
Ajouter un encadré à un accordéon
Placez vous à l'intérieur de l'accordéon mais en dehors de tout encadré. Cʼest à dire :
  • entre {{accordion }} et {{end elem="accordion"}},
  • mais pas entre un {{panel…}} et le{{end elem="panel"}} correspondant).
Suivez alors la procédure pour ajouter un encadré seul. Plus dʼexplications sur le fonctionnement des accordéons
Supprimer un encadré
Pour supprimer un encadré, il suffit de supprimer :
  • le code qui marque de début de lʼencadré : {{panel title="…"}} ;
  • tout ce qui se trouve entre les codes de début et de fin de lʼencadré ;
  • le code qui marque de fin de lʼencadré : {{end elem="panel"}}.
Plus dʼexplications sur le fonctionnement des accordéons
Supprimer un accordéon en entier
Pour supprimer lʼintégralité dʼun accordéon, il faut supprimer :
  • le code qui marque de début de lʼaccordéon : {{accordion}} ;
  • le code qui marque de début de chaque encadré : {{panel title="…"}}(pensez à conserver le titre de lʼencadré) ;
  • le code qui marque de fin de chaque encadré : {{end elem="panel"}} ;
  • le code qui marque de fin lʼaccordéon : {{end elem="accordion"}}.
Plus dʼexplications sur le fonctionnement des accordéons