Retour à lʼaccueil de la formation

Modifier l'organisation du wiki

Structure des pages dans YesWiki

image Dessin_sans_titre.jpg (66.9kB)
Dans YesWiki, tout ce que vous voyez est un assemblage de pages.
Lʼillustration ci-contre le montre bien. Chacune des différentes composantes de lʼaffichage du wiki est elle-même une page que nous pouvons donc éditer et modifier.On a donc :
  • en haut à gauche de l'écran, la zone qui porte le titre du wiki est la page qui s'appelle PageTitre ;
  • à droite de celle-ci, le menu se trouve dans la page PageMenuHaut ;
  • en haut à droite, le menu roue crantée et la recherche sont sur la page PageRapideHaut ;
  • en dessous de ces trois premières pages se trouve le bandeau porté par la page PageHeader ;
  • tout en bas, se trouve le pied de page dans la PageFooter ;
  • et dans la zone centrale, entre le bandeau et le pied de page, sʼaffiche la page courante.
En ce moment, vous visualisez donc pas moins de six pages différentes à lʼécran.

Vous savez comment éditer la page courante. Pour éditer les autres parties de l'écran, il faut vous rendre dans le menu roue crantée (en haut à droite de lʼécran) et y sélectionner « Gestion du site ». Puis, dans la page GererSite choisir la partie que vous souhaiter modifier.
Vous pouvez créer une nouvelle page où que vous soyez dans votre wiki : dans une page classique ou dans le menu.
La méthode la plus simple est de :
  • créer un lien
  • lors de la création de ce lien, saisir le nom YesWiki de la page que l'on souhaite créer.

Créer un lien

Dans la page en mode édition, cliquez sur le bouton « lien ».
bouton_lien.png

Vous serez alors guidé·e dans vos choix avec cette fenêtre :

Faites vos choix et cliquez sur « Insérer » : la ligne de code s'inscrit toute seule ;-)

Fenêtre modale : une fenêtre modale est une fenêtre qui vient s'afficher devant la page que vous êtes en train de visualiser (comme une « pop-up ») et que vous devez fermer avant de pouvoir retourner à la visualisation de votre page. Elle est, soit visible, soit fermée, contrairement à d'autres fenêtres qui peuvent être ouvertes et cachées derrière autre chose.
ajouterunliennew.png
Voici ce que ça donne quand on regarde le code :
[Aller à la page d'accueil](PagePrincipale) > Aller à la page d'accueil
[Aller sur le site de yeswiki](https://yeswiki.net/?PagePrincipale) > Aller sur le site de yeswiki
{{button class="btn-primary" link="mailto:louise@quincaillere.org" nobtn="1" text="Envoyer un mail à Louise" }} > Envoyer un mail à Louise
Remarque importante — Dans le cas où vous choisiriez que le lien s'ouvre dans un nouvel onglet ou dans une fenêtre modale, YesWiki utilisera un bouton pour créer le lien (même si il l'affiche sous la forme d'un lien).

Nommer ma nouvelle page

La seule règle est que le nom de votre page ne comporte : « ni espace ni caractères spéciaux ».
Donc, vous pouvez choisir de l'appeler nomdemapage ou comptesrendusdereunions.
Toutefois, ce sera plus lisible si vous alternez avec des minuscules et majuscules : « NomDeMaPage ». C'est la méthode traditionnelle de nommage des pages dans YesWiki, nous parlions de « ChatMot »).
Et, c'est encore mieux (notamment pour les moteurs de recherches) si vous optez pour les tirets (« nom-de-ma-page ») ou les soulignés (« nom_de_ma_page »).

Ça donne ça :
image page1.png (68.3kB)
le titre de l'image
Quand je clique sur « insérer », ça génère cette ligne de code :
[Cliquez ici pour ouvrir la nouvelle page](nom-de-la-page)
Il ne vous reste plus qu'à sauver.

Quand le lien vient d'être créé mais que la nouvelle page est vide, un petit crayon apparait devant le lien. Il disparaitra quand vous aurez saisi, et enregistré, du contenu dans la nouvelle page.
page3.png

Astuces

  • Une fois votre nouvelle page créée vous pouvez enlever le lien qui y mène sans que la page disparaisse pour autant. Vous pouvez retrouver vos pages au moyen du menu roue crantée en haut à droite, puis en sélectionnant « Tableau de bord ». Cela peut être une bonne manière de cacher des pages.
  • Une toute autre manière de créer une nouvelle page est d'aller, dans la barre d'adresse de votre navigateur, modifier l'URL. La dernière partie de l'adresse (après « /? ») correspond au nom de la page.
Capture_dcran_du_20220128_152625.png
  • YesWiki va interpréter tout ChatMot comme une nouvelle page. Si on veut écrire un ChatMot sans créer de nouvelle page (par exemple pour écrire « YesWiki » sans créer de page ni de lien), on l'encadre de doubles guillemets :
creer_nouvelle_page_chat_mot_non_lien.png
image undraw_experience_design_eq3j.png (50.0kB)
Les gares centrales sont très souvent denses en informations : non seulement elles sont la mémoire du collectif dans le temps mais en plus elles doivent répondre aux questions d'une multitude d'acteurs du collectif. C'est pourquoi il est nécessaire de faciliter le parcours utilisateur. N'importe quel utilisateur doit pouvoir trouver l'information utile en 3 clics. Il est donc primordial d'anticiper les besoins des utilisateurs et d'organiser votre wiki de manière à suggérer où aller pour accomplir une action comme "s'inscrire" "en savoir plus" "afficher la carte". Votre boite à outils se compose de la barre de menu, mais aussi des liens, des boutons, des images cliquables... Portraits d'utilisateurs

Le menu principal

La navigation intuitive est la clé si vous voulez vous assurer que les gens peuvent trouver ce qu’ils cherchent. Passer d’un point A à un point B devrait être aussi simple que possible.
Vous pouvez éditer votre menu principal (appelé menu haut dans Yeswiki) via le menu gestion du site.


Ne pas exéder 7 items différents dans votre menu principal.

YWDocMenuPrincipal_Capture_image_sous_menu
Si votre menu est trop chargé, il est possible de créer un menu-déroulant en décalant d'un espace le lien des sous menus

Nouveauté : le menu vertical
YWDocMenuPrincipal_Capture_gestion_du_site

Le nombre magique de Miller

Georges A. Miller, un psychologue cognitif de l’Université de Princeton a développé une théorie dans les années 50 :
✓ Selon cette théorie, les gens sont seulement capables de conserver en mémoire environ 7 unités de nouvelles informations « plus ou moins 2 », donc de 5 à 9 informations en mémoire à court terme.
✓ Actuellement ces estimations sont revues à la baisse.

Option

Utilisation de la barre latérale

Il est parfois nécessaire de mettre en valeur des informations redondantes ou des liens dans une colonne latérale (gauche ou droite au choix).
Vous avez la possibilité de choisir une structure de page différente : le squelette
squelette 1col-left.tpl.html pour afficher la colonne à gauche
squelette 1col-right.tpl.html pour afficher la colonne à droite

Ce changement est possible :
- soit au niveau de la page en modifiant le thème (voir tuto ci contre):
- soit sur plusieurs pages d'un coup en passant par Gestion du site / Look wiki
image demo_colonne_left.gif (0.4MB)