Logo de Yeswiki
Lien vers: https://yeswiki.net

Yes Wiki

YesWiki est un outil libre et convivial pour construire des plateformes de partage et de collaboration en ligne.
Que ce soit pour créer l'espace ressource d'un projet coopératif ou la plateforme pédagogique d'une formation, YesWiki permet à toustes de créer une base de contenus partagés sans compétence technique.YesWiki est un logiciel libre né du croisement des discussions et savoir-faire de développeurses et animateurices de projets coopératifs.YesWiki se présente comme un outil de création de sites web conçu pour faciliter la coopération. La modification des pages s'opère par un simple double-clic.

Voir le site de YesWiki

🤩 La plateforme sur laquelle vous êtes actuellement est faite avec Yes Wiki !!!
Aucun résultat

Liens utiles




Apprendre à utiliser Yes Wiki

29 fiches trouvées Réinitialiser les filtres
⚫️
④ Recette

Formulaire de contact

image
Laissez les visiteur.euse.s vous contacter facilement
⚫️
④ 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
⚫️ ⚫️
④ Recette

Naviguer plus rapidement

image
Découvrez les raccourcis URL (Handlers) pour aller plus vite
⚫️ ⚫️
④ 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
⚫️
④ Recette

Ajouter une fiche à un formulaire

image
Un formulaire serait bien seul et inutile sans ses fiches !
⚫️
④ Recette

Ajouter une fiche à un formulaire

Pour ajouter une fiche à un formulaire directement depuis le tableau des formulaires en cliquant sur le petit "+" dans la colonne "Fiches"
Ou insérer le formulaire pour y répondre depuis une page :
  • Dans une page en mode édition, cliquez sur "composants" puis "Afficher un formulaire de création de fiches" ;
  • Sélectionnez le formulaire en question puis cliquez sur "Insérer dans la page" ;
  • Une fois la page sauvegardée, il sera possible de voir et compléter le formulaire pour créer une fiche.
Pycto made by Pixel perfect from flaticon.com
③ Ingrédient

C'est quoi YesWiki ?

image
Un outil libre et convivial pour construire des plateformes de partage et de collaboration en ligne.
③ Ingrédient

C'est quoi YesWiki ?

Que ce soit pour créer l'espace ressource d'un projet coopératif ou la plateforme pédagogique d'une formation, YesWiki permet à toustes de créer une base de contenus partagés sans compétence technique.

YesWiki est un logiciel libre né du croisement des discussions et savoir-faire de développeurses et animateurices de projets coopératifs.

YesWiki se présente comme un outil de création de sites web conçu pour faciliter la coopération. La modification des pages s'opère par un simple double-clic.
④ Recette

Avoir un YesWiki

image
Trop bien YesWiki ! Mais comment je fais pour en avoir un a moi ?
④ Recette

Avoir un YesWiki

YesWiki est un outil en ligne. Il s'installe donc sur un seveur comme on installerai un Wordpress. Il existe plusieurs méthodes pour s'équiper :
  • Installer un YesWiki sur le ferme (Sans garanti de pérénité des données) ;
  • Demander à hébergeur d'installer un YesWiki sur un serveur comme YesWiki Pro, Infomaniak, un chaton (cf. cart "C'est quoi un chaton ?");
  • Installer sois-même YesWiki sur un serveur mutualisé (cf. documentation officielle) ;
  • Installer YesWiki sur un serveur Yunohost (cf. carte "c'est quoi Yunohost ?") ;
⚫️ ⚫️
④ Recette

Afficher les données d'un formulaire

image
Dans une page, affichez les données de n'importe quel formulaire
⚫️ ⚫️
④ Recette

Afficher les données d'un formulaire

Dans une page, il est possible d'afficher les données d'un formulaire de manière a voir un apperçu des toutes ou partie des fiches qu'il contient.
  • Placer le curseur en mode édition ;
  • Cliquez sur "Composant" puis "Afficher les données d'un formulaire" ;
  • Choir le formulaire ;
Il existe plusieurs modes d'affichage de données. Ce choix dépendra du type de données à afficher. On peut par exemple afficher une cartogrphie, une liste, une galerie...

Pycto made by mynamepong from flaticon.com
⚫️ ⚫️
④ Recette

Editer ou créer un formulaire

image
Posez les bonnes questions pour récolter les données dont vous avez réellement besoin !
⚫️ ⚫️
④ Recette

Editer ou créer un formulaire

  • Aller au tableau des formulaires (cf. Voir formulaires) ;
  • Si le formulaire existe déjà, cliquez sur le crayaon situé sur la ligne du formulaire que l'on souhaiter modifier ;
  • Pour créer un formulaire, cliquez sur le bouton "Créer un formulaire" en dessous du tableau ;
  • Construisez le formulaire à votre convenance en glissant et déposant les éléments désirés.
⚫️
④ Recette

Voir les formulaires

image
Où se trouvent les formulaires ?
⚫️
④ Recette

Voir les formulaires

  • Cliquez sur le bouton représentant une roue crnatée en haut à droite de la fenêtre ;
  • Puis sur formulaires ;
  • Vous y êtes !
⚫️ ⚫️
④ Recette

Créer un agenda

image
Ajoutez un calendrier avec la possibilité d'ajouter des évènements
⚫️ ⚫️
④ Recette

Créer un agenda

Dans un YesWiki par défaut, certains formulaires sont déjà installés. Comme le formulaire "Agenda"
  • Si bsoin modifier le formulaire (cf. "Voir formulaire", "Editer formulaire");
  • Assurez-vous que le formulaire contient au moins une fiche (cf. "Ajouter une fiche à un formulaire") ;
  • Affichez sur une page les données du formulaire "Agenda" (cf. "Afficher les données d'un formulaire");
  • Sélectionner un affichage sous forme d'agenda.

Pycto made by Freepif from flaticon.com
⚫️ ⚫️
⓪ Concept clé

Les formulaires

image
Collectez des informations et affichez les automatiquement sur votre Wiki.
⚫️ ⚫️
⓪ Concept clé

Les formulaires

Les formulaires sont le cœur de YesWiki. Ils permettent de :
  • Collecter des informations ;
  • Une réponse à un formulaire donne une "fiche" ;
  • Chaque formulaire peut demander différentes informations comme, du texte, des mots clés, une adresse, un fichier.
  • On peut ensuite présenter les fiches sur une page de wiki où il sera possible de les trier, faire une recherche...
C'est une fonction très utile pour faire un trombinoscope, un agenda une galerie...
Pycto made by Design Circle from flaticon.com
⚫️
④ 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 !
⚫️
④ 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
⚫️
④ Recette

Organiser du contenu en colonnes

image
Positionner une image à coté d'un texte, ou plusieurs textes ou encadrés côte à côte.
⚫️
④ 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
⚫️
④ Recette

Ajouter un sommaire

image
Très pratique pour les pages longues. Le sommaire recherche les titres et les listes.
⚫️
④ 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
⚫️ ⚫️
④ Recette

Gestion des langues

image
Construisez un wiki multilingue.
⚫️ ⚫️
④ 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
⚫️
④ Recette

Faire un sondage rapide

image
Récoltez facilement les réactions des lecteur.ice.s et évaluez la qualité de vos contenus
⚫️
④ 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
⚫️
④ Recette

Mettre en valeur avec les sections

image
Varier la présentation de vons contenus en mettant en valeurs certaines parties.
⚫️
④ 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
⚫️
④ Recette

Encadrés et blocs dépliables

image
Mettre en valeur du contenu dans un cadre avec titre et pouvoir le replier.
⚫️
④ 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
⚫️
④ Recette

Créer une barre d'onglets

image
Organiser plusieurs pages sur plusieurs onglets
⚫️
④ 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
⚫️
④ Recette

Structure du Wiki

image
Tout savoir pour éditer le bandeau de menu, les accés rapides, le footer...
⚫️
④ 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.
⚫️ ⚫️
④ 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.
⚫️ ⚫️
④ 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
⚫️
④ Recette

Ajouter un bouton

image
Un bouton est plus visible et plus esthétique qu'un lien hypertexte.
⚫️
④ 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
⚫️
④ Recette

Editer une page de wiki

image
Comment accéder à l'édition d'une page sur YesWiki ?
⚫️
④ 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
⚫️
④ Recette

Mettre en forme le texte

image
Tout savoir pour mettre en gras, hyérarchiser les titres et plus encore.
⚫️
④ 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é.
⚫️
④ Recette

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

image
⚫️
④ 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
⚫️
④ Recette

Créer une page

image
Créer une nouvelle page pour étofer votre wiki !
⚫️
④ 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
⚫️
④ Recette

Créer un lien hypertexte

image
Mettre une partie de texte en surbrillance pour aider à la navigation et créer des connexions.
⚫️
④ 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
⚫️
④ Recette

Barre de progression

image
Affichez une barre de progression pour faciliter la visualisation d'avancement d'une tâche.
⚫️
④ Recette

Barre de progression

Il est possible d'ajouter des jauges d'avancements ou de complétion.
⚫️
④ 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.
⚫️
④ 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
⚫️
④ Recette

Ajouter des icônes dans le texte

image
Pour ponctuer davantage vos contenus, ajoutez des pictogrammes !
⚫️
④ 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>""