Premiers pas techniques

Pour modifier une page, il suffit de double cliquer dans la page ou cliquer sur le lien "Editer cette page" en bas de page.
La page passe alors dans un mode "édition" qui vous permet de modifier le contenu et il ne vous reste plus qu'à sauver grâce au bouton "Sauver" en bas de page ou en haut de page

Vous pouvez aussi passer en mode édition en ajoutant /edit à la suite de l'adresse de la page dans la barre d'adresse.


Chaque page d'un wiki porte un nom contenant au moins deux majuscules non consécutives, autrement dit un mot à deux bosses ou ChatMot (et oui c'est le chameau qui a 2 bosses et non le dromadaire...).
Ce nom doit être tout attaché, sans accent et sans caractère spéciaux.

Pour créer une nouvelle page, il suffit d'écrire un ChatMot dans une page existante (dans une page menu ou dans une page classique).
Quand on sauve la page, le ChatMot apparaît et forme un lien permanent vers cette nouvelle page.
Au début il est suivi (ou précédé) d'un petit crayon qui disparaîtra une fois que vous aurez cliqué dessus, commencé cette nouvelle page et l'aurez "sauvée".

On peut donc facilement créer des liens entre les pages.
Pour "masquer" ce chatmot, il suffit de le mettre entre crochets et d'ajouter le texte qui doit être visible.
Par exemple si vous tapez [[ChatMot ceci est un chatmot]], vous aurez ceci ceci est un chatmot , soit un texte noté "ceci est un chatmot" dont le lien vous renverra vers la page appelée ChatMot.




Quand vous éditez une page, vous pouvez modifier le texte. Le principe consiste à encadrer le texte que vous souhaitez mettre en forme par les codes décrits dans la page ci-dessous.
Pour éviter de les retenir, il suffit d'utiliser la barre de mise en forme (qui doit normalement apparaître lorsque vous éditez la page) : sélectionner le texte à mettre en forme puis cliquer sur l'icône souhaitée. Les codes se mettent automatiquement. Sauvez la page pour voir les modifications

Pour retirer une mise en page, il suffira d'effacer ces codes.

Règles de base
**Texte en gras** apparaît comme Texte en gras
//Texte en italique// apparaît comme Texte en italique
Texte __souligné__ ! apparaît comme Texte souligné !
Texte @@barré@@ ! apparaît comme Texte barré !
##texte à espacement fixe## apparaît comme texte à espacement fixe

En-têtes

Pour mettre des en-têtes de plus en plus gros il faut ajouter un même nombre de "=" de chaque côté du titre.
Par exemple pour :
Comment ? Exemple Ce que vous verrez
Avec 6 fois "=" ====== En-tête énorme ======

En-tête énorme

Avec 4 fois "=" ==== En-tête gros ====

En-tête gros

Avec 2 fois "=" == Petit titre 5 ==
Petit en-tête



Un wiki comporte généralement plusieurs menus. Un menu est tout simplement une page Wiki.
image squelette_yeswiki.png (0.4MB)

Par défaut un wiki contient les menus suivants :
  • un menu horizontal, situé généralement en haut de page
  • un menu configuration, accessible en cliquant sur la roue dentée en haut à droite
  • un menu vertical, généralement situé à gauche ou à droite de la partie contenu de la page (pas représenté sur le dessin ci-dessus :-()

Une page menu est organisée comme une liste de puces. Un niveau de menu correspond au retrait de la puce.
Elle se provoque grâce à un espace placé en début de ligne. Un seul espace avant le tiret créera un titre de premier niveau (toujours apparent dans le menu). Deux espaces avant le tiret créera un titre de deuxième niveau (apparent après avoir cliqué sur le titre de premier niveau).
Vos titres de menu doivent mener à des pages en créant des liens (selon la méthode Yeswiki)

- Niveau 1
  - ""[[""ChatMot"" Titre 1-A]]""
  - Titre 1-B
 - Niveau 2
  - Titre 2-A
  - Titre 2-B
  - Titre 2-C

Niveau 1
  • Titre 1-A
  • Titre 1-B
Niveau 2
  • Titre 2-A
  • Titre 2-B
  • Titre 2-C

Historique et révisions

Afficher la liste des modifications et faire des comparaisons entre les différentes versions de la page
Chaque modification d'une page est sauvegardée dans un historique. Il est possible de revenir à des versions (révisions) antérieures d'une page.
Pour y accéder il suffit de cliquer sur le lien en bas de page nommé : "Modifiée le : ..."
Il affichera alors une fenêtre affichant :
  • la liste des modifications effectuées sur la page affichées avec la date de modifications
  • l'adresse IP depuis laquelle la modification a été effectuée.
  • ou, si un la modification a été effectuée depuis un compte connecté du site, le nom du compte; Ici WikiAdmin

Vous pouvez cliquer sur la date d'une version. S'affichera alors la version choisie avec un bouton "Rééditer cette version" pour qu'elle remplace l'actuelle version.

Rétablir une version antérieure
Dans l'historique, vous accédez aux versions antérieures en cliquant sur la date des modifications. Vous affichez alors une version antérieure de la page. En modifiant cette page via le bouton "Rééditer cette version archivée" située en bas de celle-ci, vous accédez alors au contenu de celle-ci. Pour mettre à jour cette page selon cette version il vous reste juste à "Sauver" la page.
Vous devez d'abord être en mode édition (double clic ou "éditer la page")
En bas de votre page, apparaît un gros bouton Thème graphique :
  • Le Thème graphique est l'ensemble des éléments esthétiques d'un wiki.
  • Le Squelette définit l'architecture de chaque page (nbre de colonnes pour avoir un ou 2 menus sur le côté)
  • Le Style correspond à l'aspect visuel de la page (couleurs, graphisme, etc.)
  • L'Image de fond permet de changer l'image de fond (logique non ?)
Tous ces éléments peuvent varier d'une page à l'autre.
Choisissez chaque élément de ces menus déroulants, cliquez sur Appliquer puis sauvegardez la page.

Vidéo tutoriel sur la création d'un menu latéral en modifiant le squelette :


  • 1. Devenir propriétaire de la page
    • On devient automatiquement propriétaire des nouvelles pages que l'on crée lorsque l'on est connecté sous son nom YesWiki
    • Pour devenir propriétaire d'une page sans propriétaire, il suffit de cliquer sur Appropriation (en bas de page)
  • 2. Cliquer sur l'option (en bas) "Éditer permissions"
    • un tableau à trois colonnes s'affiche (une colonne par type de droit : lecture, écriture, commentaire)
3. Compléter le tableau selon le code suivant :
  • le nom YesWiki d'un utilisateur autorise seulement cette personne, ex : JamesBond
  • le symbole étoile * désigne tous les utilisateurs
  • le symbole plus + désigne les utilisateurs enregistrés
  • le symbole point d'exclamation ! permet la négation, par exemple !JamesBond signifie que JamesBond ne doit pas avoir accès à cette page


Vous pouvez aussi gérer les droits pour tout votre wiki d'un coup : l'action {{gererdroits}} est intégrée à la page "Gestion du site" accessible dans la roue crantée.
Un widget est un petit module qui permet d'embarquer et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.
On peut donc insérer des widgets, grâce à leur code html. Il suffit pour cela récupérer les bouts de codes qui vous sont proposés par des sites tiers et de les incorporer dans votre page en ajoutant avant et après deux guillemets.
""coller ici le code HTML fourni par le site tiers""


Pour insérer un pad sur une page du wiki
  • sur votre pad, cliquer sur le bouton "partager" en haut à droite du pad et copier le code <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe name='embed_readwrite' src='https://pad.colibris-outilslibres.org/p/testIframe?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false' width=600 height=400></iframe>""


Pour insérer une vidéo sur une page du wiki
  • aller sur youtube ou viméo ou un autre site de vidéo.Choisissez votre vidéo, cliquer sur partager/intégrer et copier le code qui devrait commencer par <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe width="560" height="315" src="https://www.youtube.com/embed/VxpI99Q_dNE?list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L" frameborder="0" allowfullscreen></iframe>""


Pour insérer un iframe : en gros une partie d'un autre site...
""<iframe width=100% height="1250" src="https://yeswiki.net" frameborder="0" allowfullscreen></iframe>""


Astuce pour rendre redimensionnable la largeur de certaines iframes
Pour un wiki dont la page s'adapte à la taille de la fenêtre (quand on n'est pas en plein écran), on peut vouloir que la largeur de certaines iframe s'adapte de même. Pour cela :
  • on ne met pas de valeur numérique pour le width
  • ou bien on remplace par width="100%" overflow="auto"

La roue crantée au haut à droite de votre wiki vous donne accès à un menu administrateur. Il est composé de :
  • Se connecter :
  • Aide :
  • Gestion du site :
  • Tableau de bord :
  • Base de données : vous trouverez ici les fonctionnalités appelées Bazar qui permettent de créer des formulaires et d'afficher les données sous formes variées (liste, carte, calendrier, trombinoscope).