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.
1 – Placez-vous à lʼemplacement où vous souhaitez voir démarrer le colonnage.
2 – Cliquez sur « Composants », puis sur « Mise en forme ».
3 – Puis choisissez « Afficher plusieurs colonnes ».
4 – Dans la boîte de dialogue qui sʼouvre, validez en cliquant sur « Insérer dans la page ».
Cette opération ajoute quatre colonnes de largeurs égales sous la forme du code suivant.
{{grid }}
{{col size="3"}}
Texte de la colonne 1 à changer par la suite
{{end elem="col"}}
{{col size="3"}}
Texte de la colonne 2 à changer par la suite
{{end elem="col"}}
{{col size="3"}}
Texte de la colonne 3 à changer par la suite
{{end elem="col"}}
{{col size="3"}}
Texte de la colonne 4 à changer par la suite
{{end elem="col"}}
{{end elem="grid"}}
Quelques explications
- La zone comprise entre
{{grid }}et{{end elem="grid"}}délimite la partie de la page sur laquelle le colonnage sʼapplique. Il ne peut pas y avoir de colonnes en dehors de cette zone. - Cette zone est découpée en quatre « lanières » verticales d'égale largeur (1/12e de la largeur de la zone). Pour devez préciser la largeur de vos colonnes en indiquant, pour chacune dʼentre elles, le nombre de ces « lanières ».
- Une colonne commence par
{{col size="3"}}et finit par{{end elem="col"}}. Les colonnes ne sʼéquilibrent pas automatiquement entre elles. Le texte qui sʼaffiche dans chaque colonne est celui qui se trouve entre ces marqueurs. - Dans
{{col size="3"}}, la largeur de la colonne est indiquée par le nombre compris entre les guillemets (ici 3). Pour reprendre notre analogie avec des « lanières », il sʼagit du nombre de celle-ci. Ce nombre est donc un nombre sans virgule compris entre 1 et 12 inclus. - La somme des largeurs des colonnes au sein dʼune zone
{{grid }}ne doit pas dépasser 12. - De même quʼil doit y avoir un
{{end elem="grid"}}pour tout{{grid }}, il doit y avoir un{{end elem="col"}}pour tout{{col….
Enlever une colonne
Pour enlever une colonne, il suffit de supprimer :
Plus dʼexplications sur le fonctionnement des colonnes
- le code qui marque de début de la colonne :
{{col size="…"}}; - tout ce qui se trouve entre les code de début et de fin de la colonne ;
- le code qui marque de fin de la colonne :
{{end elem="col"}}.
Plus dʼexplications sur le fonctionnement des colonnes
Ajouter une colonne
Pour ajouter une colonne, il suffit dʼajouter :
Plus dʼexplications sur le fonctionnement des colonnes
- le code qui marque de début de la colonne :
{{col size="…"}}(attention à ajuster la largeur de chacune des colonnes de manière à ce que la somme de leur largeur soit bien égale à 12) ; - le code qui marque la fin de la colonne :
{{end elem="col"}}.
Plus dʼexplications sur le fonctionnement des colonnes
Supprimer tout le colonnage de la zone
Pour supprimer tout le colonnage dʼune zone, il faut supprimer :
- le code qui marque de début du colonnage :
{{grid}}; - le code qui marque de début de chaque colonne :
{{col size="…"}}; - le code qui marque de fin de chaque colonne :
{{end elem="col"}}; - le code qui marque de fin du colonnage :
{{end elem="grid"}}.