Aller au contenu principal
Cultiver vos autonomies numériques
  • Parcours de formations
    • Reprenez le contrôle sur vos usages numériques
  • Ressources
    • Cartes tutoriels
    • Fiches outils libres
    • Ressourcerie
    • Glossaire


  • Se connecter

    Se connecter

    Mot de passe perdu ?

    S'inscrire
  • Documentation Yeswiki
  • Formulaires
Cultiver vos autonomies numériques
  • Formulaires
  • Rechercher
  • Saisir
  • Listes
  • Importer
  • Exporter

YesWiki

Un jeu de cartes pour apprendre à se servir de YesWiki.
Vue web Vue impression
⚫️
④ Recette

Ajouter des icônes dans le texte

image
Pour ponctuer davantage vos contenus, ajoutez des pictogrammes !
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Ajouter des icônes dans le texte

Il est possible de copier des emojis surs des sites puis de les coller directement dans le texte 😃.

Comme il est possible d'inclure des icônes du site font awesome. Il suffit de copier le code correspondant au pycto désiré et de l'insérer de la mini-re suivante

Exemple pour le pycto : "fas fa-yin-yang"
""<i class="fas fa-yin-yang"></i>""
logo
cloud.guillaumeleguen.xyz/yourls/2 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/2
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Aïe ! Revenez à une version précédente

image
Pas de panique, il est possible de restaurer les versions antérieurs d'une page.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Aïe ! Revenez à une version précédente

En mode édition ou non (si vous en avez les droits), cliquez sur la même ligne que "Editer la page", cliquez sur "Dernière édition : ..."

Une fenêtre s'ouvre et vous permet de voir jusqu'à 30 versions antérieurs et de les restaurer si nécéssaire.

Pycto made by Kirill Kazachek from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/6 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/6
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Barre de progression

image
Affichez une barre de progression pour faciliter la visualisation d'avancement d'une tâche.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Barre de progression

Il est possible d'ajouter des jauges d'avancements ou de complétion.
logo
cloud.guillaumeleguen.xyz/yourls/3 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/3
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Créer un lien hypertexte

image
Mettre une partie de texte en surbrillance pour aider à la navigation et créer des connexions.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Créer un lien hypertexte

Sélectionnez le texte sur lequel on souhaite ajouter le lien hypertexte. Puis cliquez sur le petit chaînon dans la barre d'édition, vous pourrez ainsi
  • Ajouter une URL quelconque ;
  • Ajouter le nom d'une autre page de votre wiki ;
  • Créer une nouvelle page en inscrivant un nom qui n'existe pas déjà.

En complément :
  • Ajouter un texte qui s'affichera au survol du lien ;
  • Définir le mode d'ouverture.

Pycto made by freepik from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/4 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/4
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Créer une page

image
Créer une nouvelle page pour étofer votre wiki !
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Créer une page

Il est possible de créer une page de diverses manières :
  • Se référer à la carte "Ajouter un lien hypertexte" ;
  • Modifier à la main l'URL en modifiant le nom de page (commence par un "?"), écrire un nom qui n'a pas été utilisé.

Une fois cela fait, il suffit de l'éditer et de l'enregistrer une première fois afin qu'elle soit définitivement créé.

Pycto made by Cap Cool from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/5 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/5
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Editer une page de wiki

image
Comment accéder à l'édition d'une page sur YesWiki ?
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Editer une page de wiki

Pour éditer une page de YesWiki, par défaut, il suffit de double-cliquer dessus ou de cliquer en bas de page sur "éditer la page."

/!\ Ceci n'est possible que si l'administrateur.ice du wiki n'a pas changé les droits d'édition.

icon made by those icons from flaticon.com
logo
numerique.guillaumeleguen.xyz/?EditerUnePageDeWiki licence CC BY SA
https://numerique.guillaumeleguen.xyz/?EditerUnePageDeWiki
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Insérer un média (image, pdf...)

image
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Insérer un média (image, pdf...)

  • En mode édition d'une page, cliquez dans la barre d'outils sur le bouton "Fichier".
  • Choisir le fichier à importer ;
  • Compléter le formulaire ;
  • Une fois fait, cliquer sur "insérer".

Pycto made by Pixel perfect from flaticon.com
logo
numerique.guillaumeleguen.xyz/?InsererUnMediaImagePdf licence CC BY SA
https://numerique.guillaumeleguen.xyz/?InsererUnMediaImagePdf
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Mettre en forme le texte

image
Tout savoir pour mettre en gras, hyérarchiser les titres et plus encore.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Mettre en forme le texte

Vous venez de passer en mode édition ? Pas de panique !
La première chose c'est d'apprendre à formater son texte basique :
  • Dans la barre de menu du mode édition à droite cliquer sur le symbole "?" ;
  • La fenêtre qui s'ouvre est un mémo pour la mise en forme du texte.

Pour aller plus vite :
  • Sélectionnez le texte que vous souhaitez formater ;
  • Dans la barre de menu, déroulez "Format" et choisissez le format désiré.
logo
cloud.guillaumeleguen.xyz/yourls/1 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/1
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Ajouter un bouton

image
Un bouton est plus visible et plus esthétique qu'un lien hypertexte.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Ajouter un bouton

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter un bouton ;
  • Dans la barre d'outils en haut à droite, cliquer sur "composants" puis "boutons" ;
  • Paramétrer le bouton en complétant le formulaire.

Pycto made by bsd from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/a licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/a
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️ ⚫️
④ Recette

Intégrer une vue cliquable d'un site ou vidéo

image
Les iframes sont des petits bout de codes qui permettent d'ancapsuler une page dans une autre.
logo
mini-picto1
mini-picto2
#LesBases
⚫️ ⚫️
④ Recette

Intégrer une vue cliquable d'un site ou vidéo

Embarquez dans vos pages YesWiki une page d'un autre site ou un élément stocké ailleur.

Très pratique pour les vidéos !
  • En dessous d'une védéo cliquez sur le bouton de partage puis sur "intégrer" ;
  • Copier et coller le code dans une page wiki.
  • Ajouter avant et après le code deux doubles guillemets ""..."" ;
Pycto made by graphicmall from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/8 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/8
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Structure du Wiki

image
Tout savoir pour éditer le bandeau de menu, les accés rapides, le footer...
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Structure du Wiki

Par défaut un YesWiki affiche plusieurs "pages" en même temps. A la différence de la page centrale, ces dernière seront visibles sur toutes les pages.
  • Page Titre : Le nom du wiki ;
  • Page Menu Haut : permet de renvoyer à des pages clés ;
  • Page Rapide Haut : présente par défaut la roue crantée ;
  • Page Header : Entête du wiki ;
  • Page Footer : Pied de page.
logo
cloud.guillaumeleguen.xyz/yourls/9 licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/9
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Créer une barre d'onglets

image
Organiser plusieurs pages sur plusieurs onglets
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Créer une barre d'onglets

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter les onglets (généralement tout en haut) ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
  • Dans la fenêtre qui s'ouvre choisir entre "Onglets avec des pages différentes" ou "Onglets avec des parties de la page"

Pycto made by Freepik from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/b licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/b
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Encadrés et blocs dépliables

image
Mettre en valeur du contenu dans un cadre avec titre et pouvoir le replier.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Encadrés et blocs dépliables

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter l'encadré ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
  • Dans la fenêtre qui s'ouvre choisir "Encadré" ;
  • Compléter le formulaire.

Pycto made by cube29 from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/b licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/b
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Mettre en valeur avec les sections

image
Varier la présentation de vons contenus en mettant en valeurs certaines parties.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Mettre en valeur avec les sections

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter la section ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
  • Dans la fenêtre qui s'ouvre choisir "Section" ;
  • Compléter le formulaire.

Pycto made by prettycons from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/b licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/b
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Faire un sondage rapide

image
Récoltez facilement les réactions des lecteur.ice.s et évaluez la qualité de vos contenus
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Faire un sondage rapide

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter le sondage ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Réactions/Votes" ;
  • Dans la fenêtre qui s'ouvre choisir "Réactions et votes" ;
  • Construisez votre grille de vote en ajoutant des titres et pyctos.

Pycto made by Freepik from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/c licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/c
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Organiser du contenu en colonnes

image
Positionner une image à coté d'un texte, ou plusieurs textes ou encadrés côte à côte.
logo
mini-picto1
mini-picto2
#LesBases
⚫️
④ Recette

Organiser du contenu en colonnes

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter les colonnes ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
  • Dans la fenêtre qui s'ouvre choisir "Afficher plusieurs colonnes" ;
  • Indiquer le nombre de colonne puis cliquer sur "Insérer dans la page"
  • Un code s'affiche, modifier la valeur {{col size="6"}} pour faire varier la largeur de colonne.

/!\La somme de largeur des colonnes doit être égal à 12.

Pycto made by joalfa from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/b licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/b
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Formulaire de contact

image
Laissez les visiteur.euse.s vous contacter facilement
logo
mini-picto1
mini-picto2
⚫️
④ Recette

Formulaire de contact

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter le formulaire de contact ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions d'envoi d'e-mail/listes" ;
  • Dans la fenêtre qui s'ouvre choisir "Afficher un formulaire de contact" ;
  • Compléter le formulaire.

Pycto made by venus design from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/d licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/d
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Ajouter un sommaire

image
Très pratique pour les pages longues. Le sommaire recherche les titres et les listes.
logo
mini-picto1
mini-picto2
#LesPlus
⚫️
④ Recette

Ajouter un sommaire

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter le sommaire (souvent en haut) ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions avancées" ;
  • Dans la fenêtre qui s'ouvre choisir "Créer un sommaire de la page" ;
  • Les actions avancées permettent de choisir la largeur du sommaire et son emplacement ;
  • Cliquer "Intégrer à la page"

Pycto made by freepik from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/e licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/e
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️ ⚫️
④ Recette

Gestion des langues

image
Construisez un wiki multilingue.
logo
mini-picto1
mini-picto2
#LesPlus
⚫️ ⚫️
④ Recette

Gestion des langues

Dans YesWiki sur une même page, vous pouvez écrire le même texte de plusieurs langues différentes. Le texte affiché sera celui correspondant à la langue que le visiteur choisira :
  • Ajouter le code avant le texte dans la page
{{lang="fr"}} =====Bienvenue===== {{lang="en"}} =====Welcome=====

  • Ajouter un composant translation dans la barre de menu :
{{translation destination="fr"}} {{translation destination="en"}}

Pycto made by Flaticon Abiyyu A. from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/f licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/f
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️
④ Recette

Inclure une page dans une autre

image
Permet d'inclure dans une page le contenu d'une autre. Si la seconde est modifié pas besoin de modifier la première !
logo
mini-picto1
mini-picto2
#LesPlus
⚫️
④ Recette

Inclure une page dans une autre

Dans une page en mode édition :
  • Poser le curseur là où vous souhaitez ajouter le sommaire (souvent en haut) ;
  • Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions avancées" ;
  • Dans la fenêtre qui s'ouvre choisir "Inclure une page dans une autre" ;
  • Indiquez le nom de la page que vous souhaitez intégrer ;
  • Cliquer "Intégrer à la page".

Pycto made by edt.im from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/e licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/e
  • Dans ce YesWiki
  • Dans un autre YesWiki
⚫️ ⚫️
④ Recette

Naviguer plus rapidement

image
Découvrez les raccourcis URL (Handlers) pour aller plus vite
logo
mini-picto1
mini-picto2
#LesPlus
⚫️ ⚫️
④ Recette

Naviguer plus rapidement

Un handler est une URL spéciale qui permet de modifier la façon d'afficher une page. On l'active en ajoutant à la fin de l'adresse URL, le signe "/"" suivi du nom du handler.
  • /edit : Passer en mode édition ;
  • /revisions : Voir les versions de l'historique ;
  • /filemanager : Accéder à la liste des fichiers attachés à cette page ;
  • /raw : Affiche le code wiki non formaté de la page ;
  • /referrers : affiche la liste des pages qui font référence à la page en question (les rétroliens).
  • ...

Pycto made by Laura Reen from flaticon.com
logo
cloud.guillaumeleguen.xyz/yourls/g licence CC BY SA
https://cloud.guillaumeleguen.xyz/yourls/g
  • Dans ce YesWiki
  • Dans un autre YesWiki
Voir la fiche
CSV JSON Widget

logo guillaumeleguen en ligne
Lien vers: https://guillaumeleguen.xyz
site web : https://guillaumeleguen.xyz
tel : 06 95 63 30 11
mail : hello[at]guillaumeleguen[.]xyz

Cultiver vos autonomies numériques par Guillaume Leguen est une oeuvre sous licence CC BY-SA 4.0


Mentions légales