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

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

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

La vectorisation ou "tracing" permet de transformer une image, un dessin scanné en un chemins que vous pourrez utiliser et éditer.

Ceci est idéal pour vectoriser une silhouette, un dessin monochrome, un tracé en vu de réaliser par exemple un logo, un pyctogramme, ou tout autre visuel composé d'aplats de couleurs.

• Importez une image (cf. carte "Importer une image") ;
• Sélectionnez l'image à vectoriser ;
• Dans la barre de menu, cliquez sur "Chemin" > "Vectoriser un objet matriciel" ;

Pycto made by Sagarkumar Gopani from flaticon.com

Le regroupement vous permet de travailler avec plusieurs objets en tant qu'objet unique: toutes les modifications que vous apportez affecteront également tous les membres du groupe, et le groupe entier peut être copié, dupliqué ou cloné en tant qu'unité. Le regroupement de vos objets peut aider à garder votre toile organisée.
Grouper : Maj + Ctrl + U ou Ctrl + G
Dégrouper : Maj + Ctrl + G ou Ctrl + U

Texte et image CC-by-sa Inkscape.org

L'utilitaire d'export s'obtient de 2 manières soit en pressant Maj + Ctrl + E ou en cliquant sur "Fichier" + "Exporter"
Sélectionnez le format ".png" en bas à droite puis l'option d'export qui vous convient :

• Page : Exporter uniquement le contenu de la zone de la page ;
• Dessin : Exporter tous les objets que vous avez dessinés sur le canva ;
• Sélection : Exporter uniquement la zone des objets sélectionnés ;
• Personnalisé : Exporter selon les coordonnées que vous entrez dans les champs en haut.

Pycto made by freepik from flaticon.com

"Inkscape est un logiciel de dessin vectoriel. Diffusé sous licence GNU 3, c'est un logiciel libre et gratuit.

Les images vectorielles sont constituées par des courbes qui reposent sur des formules mathématiques. Inkscape est ainsi particulièrement adapté au travail professionnel sur les logos et les affiches. Ses fonctionnalités sont assez proches des logiciels propriétaires Adobe Illustrator et CorelDraw.

Inkscape fait partie des logiciels libres préconisés par l’État français dans le cadre de la modernisation globale de ses systèmes d’informations (SI)." (wikipédia 2025)

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.

Une fenêtre Inkscape est composé de différents éléments :

• Barre de Menu ;
• Barre d'outils ;
• La boite à outils ;
• Le canvas qui ontient la page ;
• ...

Image CC-by-sa Inkscape.org

Commencez par sélectionnez le chemin que vous souhaitez éditer. Puis accédez à l'outil en cliquant sur le symbole correspondant dans la boîte à outils à gauche. Ou pressez F2 ou N.


Image CC-by-sa Inkscape.org

La barre de couleurs qui se trouve en bas reste pauvre, pour aller plus loin et choisir des couleurs plus finement, il convient d'ouvrir l'outil "Fond et contour" :

• Pressez Maj + Ctrl + F ;
• Ou cliquez sur "Objet" > "Fond et contour".

On obtient une fenêtre avec 3 onglets :

• Fond : défini la couleur de fond ;
• Contour : défini la couleur des contours ;
• Style de contour : permet de faire varier le type et l'appaisseur du trait...

Pycto made by Freepik from flaticon.com

L'utilitaire d'export s'obtient de 2 manières soit en pressant Maj + Ctrl + E ou en cliquant sur "Fichier" + "Exporter"
Sélectionnez le format ".pdf" en bas à droite puis l'option d'export qui vous convient :

• Page : Exporter uniquement le contenu de la page ou des pages ;
• Dessin : Exporter tous les objets que vous avez dessinés sur le canva ;
• Sélection : Exporter uniquement la zone des objets sélectionnés ;
• Personnalisé : Exporter selon les coordonnées que vous entrez dans les champs en haut.

Pycto made by freepik from flaticon.com

Penssez à sauvegarder régulièrement votre travail.

• Ctrl + S
• Ou cliquez sur "Fichier" > "Enregistrer"

Le nom de votre fichier devra comporter à la fin l'extension souhaité. Généralement on utilise le ".svg".

Pycto : Yogi Aprelliyanto from flaticon.com

Il existe deux manière de trouver cet outil :

• Maj + Ctrl + A ;
• Ou cliquez sur "Objet" > "Aligner et distribuer".

Il est maintenant possible d'aligner des objets entre eux ou par rapport à la page elle-même :

• Sélectionnez les 2 objets ;
• Dans le menu déroulant "Relativement à" sélectionnez l'objet qui servira de référence ;
• Enfin cliquez sur le pycto correspondant à l'alignement voulu.

Pycto made by joalfa from flaticon.com

Un fichier Inkscape est généralement enregistré au format ".svg". Mais il est possible d'ouvrir plus ou moins facilement d'autres formats comme par exemple :

• Adobe Illustrator 9.0 et supérieur (
• .ai.svg) ;
• gif (
• .ico) ;
• jpeg (
• .jpg) ;
• Adobe PDF (
• .png) ;
• PostScript Encapsulé (
• .dxf) ;
• ...

Pycto made by Eucalyp from flaticon.com

• Dans la barre de menu déroulez "fichier" > "importer" ;
• Une fenêtre de dialogue s'ouvre, il suffit généralement de cliquer sur "OK".

Pycto made by xnimrodx from flaticon.com

Les opérations booléennes fonctionnent sur 2 chemins (cf. carte "Différence entre objets et chemins"). Il permettent diverses choses comme des unions, des différences, des intersections, des exclusions...

• Sélectionnez les deux formes sur lesquelles vous souhaitez faire une opération booléenne ;
• Sélectionnez l'option de votre choix dans le menu "Chemin" ;

Pycto made by juicy_fish from flaticon.com

Un chemin est un objet que l'on peut facilement déformer en agissant sur les points qui composent son contour. C'est un objet dit "vectoriel".
A l'inverse, un objet qui ne serait pas un chemin peut être :

• Une image dite "raster", composé de pixels ;
• Un bloc de texte que l'on peut modifier ;

Pycto made by Bharat Icons from flaticon.com

• Utiliser les outils de forme géométrique ;
• En utilisant les outils de chemin, un peu comme un crayon sur papier ;
• Vectorisez une image ou décalquez là a partir d'une photo, d'une image numérisée ou d'un graphique ;

Pycto made by Nhor Phai from flaticon.com

Par défaut Inkscape crée un document A4 au format portrait. Pour modifier cela :

• Cliquez sur "Fichier" > "Propriété du document" ;
• Ou utilisez le raccourci clavier Maj + Ctrl + D ;
• Dans la section "Taille de la page" dans l'onglet "Page", sélectionnez ou définissez la taille désiré.

Pycto made by Tempo_doloe from flaticon.com

"YunoHost permet d’installer et d’utiliser son propre serveur dans le but d’héberger, le plus souvent chez soi, des services tels que des boites de courriers électroniques, des sites web, des outils de synchronisation de fichiers, de messagerie instantanée, des wikis ...

Le nom YunoHost vient de l’anglais Y-U-No-Host (Why you no host?), signifiant familièrement « Pourquoi t’héberges pas ? ». Il s’agit d’un jeu de mots issu du mème internet « Y U NO »." (Wikipédia 2025)

"CHATONS est le Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires. Ce collectif vise à rassembler des structures proposant des services en ligne libres, éthiques et décentralisés afin de permettre aux utilisateur⋅ices de trouver rapidement des alternatives respectueuses de leurs données et de leur vie privée aux services proposés par les GAFAM." (chatons.org)

Lorsque l'on parle de trouver un chatons on parle en réalité de trouver un hébergeur près de chez sois qui sois membre de ce collectif.

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 ?") ;

• Depuis la page d'acueil du site d'Inkscape (inkscape.org/release) ;
• Cliquez sur le bloc correspondant à Windows ;
• Puis sur le vouton "64-bit architecture" si l'architecture de votre PC le permet (généralement oui).
• Une fois le fichier téléchargé, rendez-vous dans votre dossier local de téléchargements et executez le fichier qui vient d'âtre téléchargé ;
• Suivez les instructions.

Pycto made by freepik from flaticon.com

Il existe plusieurs méthodes pour installer inkscape sur Linux.

• L'Appimage (celle que je recommande pour avoir la dernière version)
• Le ppa (Pour Ubuntu)
• snap
• Flatpak

Retrouvez tout les détails sur le doc officielle.

Pycto made by freepik from flaticon.com

• Depuis la page d'acueil du site d'Inkscape (inkscape.org/release) ;
• Cliquez sur le bloc correspondant à macOS ;
• Une fois le fichier téléchargé, rendez-vous dans votre dossier local de téléchargements et executez le fichier qui vient d'être téléchargé ;
• Suivez les instructions.

Pycto made by Those Icons from flaticon.com

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

• 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.

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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é.

• 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

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

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

Il est possible d'ajouter des jauges d'avancements ou de complétion.

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

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>""