Choisir le nombre de colonnes
Choisir le nombre de colonnes
Choisir le nombre de colonnes pour une page a deux significations :
Des colonnes menu
En plus de votre menu horizontal, vous pouvez ajouter un ou des menus, à gauche et/ou à droite.Exemple visuel d'une page avec une colonne menu à gauche (cliquez sur l'image pour la voir en plein écran) :

Des colonnes de mise en forme du contenu
Vous avez des possibilités de mise en forme en colonnes de votre contenu (texte, images ...) à l'intérieur du bloc central de contenu.Exemple visuel d'une page dont le contenu est organisé en 3 colonnes (cliquez sur l'image pour la voir en plein écran) :

Créer une page de menu (gauche ou droite)
Créer une page de menu (gauche ou droite)
page inutile : voir plutôt DocumentationColonneMenuDocumentationEffacerUtilisateurOuChangerMotDePasse
Modifier son mot de passe
- allez sur la page ParametresUtilisateur dans la partie "changement de mot de passe"
- (également accessible par le menu configuration "roue crantée" : "se connecter")
- mettez votre ancien mot de passe dans le champ "votre ancien mot de passe"
- mettez un nouveau mot de passe dans le champ "nouveau mot de passe"
- cliquez sur "changer"
Récupérer son mot de passe en cas d'oubli
Si vous avez perdu votre mot de passe,- allez sur la page ParametresUtilisateur (accessible depuis le menu "roue crantée" : "se connecter"
- Vous pouvez également ajouter dans une page l'action {{lostpassword}} qui permet de retrouver son mot de passe
- voir plus bas "permettre aux utilisateurs de récupérer leur mot de passe par mail en cas d'oubli)
- allez dans la partie "récupération du mot de passe"
- ajoutez votre mail dans le champ "email" et cliquez sur "envoyer"
- vous allez recevoir un nouveau mail avec un lien pour générer un nouveau mot de passe
- changez votre mot de passe pour un nouveau que vous n'oublierez pas ;-)
Permettre aux utilisateurs de récupérer leur mot de passe par mail
ATTENTION : cette fonctionnalité nécessite la version Cercopithèqueil suffit d'insérer ce bout de code (on parle "d'action" quelque part. La page ParametresUtilisateur semble assez appropriée
{{lostpassword}}
Devenir propriétaire d'une page et gérer ses droits d'accès
Devenir propriétaire d'une page et gérer ses droits d'accès
Pour devenir propriétaire d'une 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)
- On ne peut devenir propriétaire d'une page qui a déjà un propriétaire, mais le propriétaire lui même peut décider de changer de propriétaire (cf. ci-dessous la rubrique "pour changer de propriétaire")
Les trois types de droits d'accès d'une page
Chaque page possède trois niveaux de contrôle d'accès qui permettent :- de lire la page
- de lire, d'écrire ou de modifier la page
- de lire et de laisser un commentaire sur la page
sur ce YesWiki, les droits en lecture et écriture sont par défaut, ouverts à tout internaute.
Allez plus loin Pour ceux qui sont en capacité de modifier le fichier wakka-config.php. Il est possible d'attribuer, par défaut à toute nouvelle page du wiki, des droits d'accès personnalisés.
Pour ce faire modifier ces 3 lignes en remplaçant les par la syntaxe voulue (voir ci-dessous) %%'default_write_acl' => '',
'default_read_acl' => '
- désigne tous les utilisateurs
- le symbole plus + désigne les utilisateurs enregistrés
- le symbole pourcentage % désigne le créateur de la fiche/page
- le symbole point d'exclamation ! permet la négation, par exemple !JamesBond signifie que JamesBond ne doit pas avoir accès à cette page
- le symbole arobase @ permet d'autoriser l'accès à un groupe d'utilisateur (ex @admins) : cela donnera les droits à tout un groupe et donc à tous les membres qui lui appartiennent (pour plus de détails cf. page sur la gestion des groupes d'utilisateur.
--> les personnes faisant partie du groupe admin ont tous les droits en lecture, écriture et commentaire par défaut.
- pour en savoir plus sur le groupe admin se reporter à la rubrique gérer des groupes d'utilisateurs
Pour changer de propriétaire
- le propriétaire d'une page ou un administrateur peut décider de changer de propriétaire
- sous le tableau de gestion des droits (cf. ci-dessus) un menu déroulant permet de changer le propriétaire d'une page.
Apprendre à gérer les droits d'accès en vidéo
Règles de formatage
Cette page est customisable en suivant ce lien ReglesDeFormatage
*Remarque : en mode édition, il faut sauter une ligne après une liste à puce pour garder la coloration syntaxique... (mais pas pour les listes énumérées)
Quelques codes couleur => mauve : #990066 / vert : #99cc33 / rouge : #cc3333 / orange : #ff9900 / bleu : #006699
Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
Pour inclure une page d'un autre yeswiki : ( Noter le pipe | après les premiers [[ )
Quelques codes couleur => mauve : #990066 / vert : #99cc33 / rouge : #cc3333 / orange : #ff9900 / bleu : #006699
Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
donne
Mon label label-primary label-success label-warning label-danger
donne
Liens
Doc en ligne[[http://www.exemple.com Texte qui s'affichera pour le lien externe]]
[[PageDeCeWiki Texte qui s'affichera pour le lien interne]]
[[mailto:accueil@yeswiki.net Pour envoyer un mail à accueil@yeswiki.net]]
Rappel des règles de formatage du texte
Accentuation
**Gras**
//Italique//
__Souligné__
@@Barré@@
Titres
======Titre 1======
=====Titre 2=====
====Titre 3====
===Titre 4===
==Titre 5==
Listes
- Liste à puce niveau 1 - Puce niveau 1 - Puce niveau 2 - Puce niveau 2 - Puce niveau 1 1) Liste énumérée 1) Liste énumérée 1) Liste énumérée
*Remarque : en mode édition, il faut sauter une ligne après une liste à puce pour garder la coloration syntaxique... (mais pas pour les listes énumérées)
Insérer une ligne
----
Insérer un iframe
Doc en ligne Inclure un autre site, ou un pad, ou une vidéo youtube, etc...""<iframe width=100% height="1250" src="http://exemple.com" frameborder="0" allowfullscreen></iframe>""
Lien qui force l'ouverture vers une page extérieure
""<a href="http://exemple.com" target="_blank">ton texte</a>""
Images
Doc en lignePour télécharger une image, utiliser le bouton Joindre/insérer un fichier
Tableaux
[| | **Nom** | **prénom** | **Couleurs préférées** | | Lagaffe | Gaston | jaune | | Lapalice | Jean | vert | |]
Boutons wiki
Doc en ligne{{button class="btn btn-danger" link="lienverspage" icon="plus icon-white" text="votre texte"}}
Créer un bouton qui ouvre son contenu dans un nouvel onglet
""<a href="votrelien" target="_blank" class="btn btn-primary btn-xs">votre texte</a>""
Ecrire en html
si vous déposez du html dans la page wiki, il faut l'entourer de """" pour qu'il soit interprété
Placer du code en commentaire sur la page
""<!-- en utilisant ce code on peut mettre du texte qui n’apparaît pas sur la page... ce qui permet de laisser des explications par exemple ou même d'écrire du texte en prépa d'une publication future -->""
Texte en couleur
""<span style="color:#votrecodecouleur;">votre texte à colorer</span>""
Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
Icônes Emoji ??
Il est possible de copier des icônes dans des sites sources puis de les coller dans votre wiki. Par exemple sur ce siteMise en page par colonne
Doc en ligne le total des colonnes doit faire 12 (ou moins){{grid}} {{col size="6"}} ===Titre de la colonne 1=== Texte colonne 1 {{end elem="col"}} {{col size="6"}} ===Titre de la colonne 2=== Texte colonne 2 {{end elem="col"}} {{end elem="grid"}}
Créer des onglets dans une page
Doc en ligne Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action {{nav}}. La syntaxe (à répéter sur toutes les pages concernée par la barre d'onglet) est:{{nav links="NomPage1, NomPage2, NomPage3Personne" titles="TitreOnglet1, TitreOnglet2, TitreOnglet3"}}
Créer un cadre dépliable / accordéon
Doc en ligne{{accordion}} {{panel title=" Titre de votre cadre" class="panel-warning"}} contenu de votre cadre {{end elem="panel"}} {{end elem="accordion"}}
Inclure une page dans une autre
{{include page="NomPageAInclure"}}
Pour inclure une page d'un autre yeswiki : ( Noter le pipe | après les premiers [[ )
[[|http://lesite.org/nomduwiki PageAInclure]]
Image de fond avec du texte par dessus
Doc en ligne Avec possibilité de mettre du texte par dessus{{backgroundimage height="150" file="monbandeau.jpg" class="white text-center doubletitlesize"}} =====Texte du titre===== description {{endbackgroundimage}}
Couleur de fond avec du texte par dessus
Avec possibilité de mettre du texte par dessus{{backgroundimage height="150" bgcolor="#2BB34A" class="white text-center doubletitlesize"}} =====Texte du titre===== description {{endbackgroundimage}}
Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
Codes à copier / coller pour améliorer le look
Quelques bouts de codes à copier coller pour faire de jolies mises en forme
Pour chacun de ces codes vous pourrez dans la "partie" class
Pour chacun de ces codes vous pourrez dans la "partie" class
- jouer sur les couleurs default, primary, success, warning, danger
- jouer sur l'alignement du texte : text-center, text-justify, text-right, text-left
- jouer sur la couleur du texte : text-default, text-primary, text-success, text-warning, text-danger
Labels
{{label}}Mon label{{end elem="label"}}
Mon label label-primary label-success label-warning label-danger
Alert
{{section class="alert alert-warning" nocontainer="1"}} Attention ! Voici votre message. {{end elem="section"}}
Attention ! Voici votre message (alert-default).
Attention ! Voici votre message (alert-primary).
Attention ! Voici votre message (alert-success).
Attention ! Voici votre message (alert-warning).
Attention ! Voici votre message (alert-danger).
Codes à copier / coller associés à bazar le gestionnaire de base de données
Quelques bouts de codes à copier coller pour utiliser bazar, le gestionnaire de bases de données
Pour pouvoir utiliser ces codes, il faudra avoir créé un formulaire. Il aura alors un numéro d'identifiant (ID) Doc en ligne
Pour pouvoir utiliser ces codes, il faudra avoir créé un formulaire. Il aura alors un numéro d'identifiant (ID) Doc en ligne
- dans les exemples suivants, le formulaire aura l'identifiant n° 1 : id="1"
afficher le formulaire de saisie
Doc en ligne{{bazar id="1" voirmenu="0" vue="saisir"}}
afficher les fiches associées sous forme d'accordéons
Doc en ligne{{bazarliste id="1"}}
afficher les fiches associées sous forme d'accordéons avec un moteur de recherche
{{bazar id="1" voirmenu="0" vue="recherche"}}
afficher les fiches associées sous forme de calendrier
Doc en ligneSi votre formulaire contient un champ date
{{calendrier id="1"}}
afficher les fiches associées sous forme de carte
Doc en lignesi votre formulaire contient un champ adresse
{{bazarliste id="1" template="map.tpl.html"}}
afficher les fiches associées sous forme de trombinoscope
Doc en lignesi votre formulaire contient un champ image
{{bazarliste id="1" template="trombinoscope.tpl.html"}}
Créer son compte et/ou s'identifier
Créer son compte et/ou s'identifier
INSERER ICI UN MOT RELATIF A action logincréation d'un compte YesWiki
- aller sur la page spéciale ParametresUtilisateur
- elle est généralement également accessible via le menu de configuration "roue crantée" : "se connecter"
- choisir un "nom YesWiki" qui comprend 2 majuscules - exemple : JamesBond
- pour en savoir plus sur le concept du ChatMot, rendez-vous sur la page créer un lien
- choisir un mot de passe et donner un mail
- cliquer sur "Nouveau compte"
S'identifer sur yeswiki
- aller sur la page spéciale ParametresUtilisateur,
- elle est généralement également accessible via le menu de configuration "roue crantée" : "se connecter"
- remplir le formulaire avec son nom YesWiki et son mot de passe
- cliquer sur "connexion"
Éditer et créer ou modifier un menu
Éditer et créer ou modifier un menu
Un wiki comporte généralement plusieurs menus. Un menu est tout simplement une page Wiki.
Par défaut un wiki contient :
Par défaut un wiki contient :
- une Page Titre : c'est le nom du wiki
- une Page Menu Haut : pn peut y ajouter des liens vers les pages du wiki (menu et sous-menu)
- une Page Rapide Haut : il s'agit des pages d'administration du wiki
- une Page Header : c'est une partie utile pour écrire le titre donné au wiki, ajouter une description, un logo...
- une Page Footer : autrement dit un pied de page, où se trouvent diverses informations au sujet due wiki
Il y a deux manières d'accéder à une page menu pour la créer ou la modifier :
Par la roue crantée
Dans la page Gestion du site, on retrouve les liens vers toutes les pages citées ci-dessus.Par l'url du menu
Pour les menus par défaut ces url sont :- <urldusite.ext>/?PageTitre
- <urldusite.ext>/?PageMenuHaut
- <urldusite.ext>/?PageRapideHaut
- <urldusite.ext>/?PageHeader
- <urldusite.ext>/?PageFooter
Pour créer ou modifier un menu...
... il faut savoir créer des liens...
(Voir la page de la documentation "Créer une lien")Les titres de menu coorrespondent à des liens menant à des pages, qu'elles soient déjà créées ou non.
Ici la page "Démo" n'existe pas : il y a un petit crayon à côté de son nom dans la page (en bas) et dans le menu (en haut). On peut créer la page en cliquant sur son nom, dans la page ou dans le menu.
...et des listes à puces (idem !)
(Voir la page "Mettre en forme le texte")Une page menu est organisée comme une liste de puces. Un niveau de menu correspond au retrait de la puce, soit un ou plusieurs espaces placés en début de ligne :
- un seul espace avant le tiret créera un titre de premier niveau (toujours apparent dans le menu). Ici la page "Démo".
- deux espaces avant le tiret créera un titre de deuxième niveau (apparent après avoir cliqué sur le titre de premier niveau). Ici les pages Test1 et Test2.
Joindre un fichier : image, son, téléchargement...
démo de l'action
En fonction du type de fichier à insérer, YesWiki propose des interfaces différentes, mais le principe reste le même.
En cliquant sur "Paramètres avancés", on peut ajouter un lien associé (en vert ci-dessous), des effets graphiques, modifier le texte alternatif et empêcher l'affichage de l'image lorsqu'on clic dessus (en jaune).
On peut modifier l'image après l'avoir enregistrée. Pour cela il faut re-éditer la page, trouver le bout de code entre {{ }} qui concerne ce fichier et cliquer n'importe où dessus : un bouton crayon apparaît, il suffit de cliquer dessus pour afficher la fenêtre permettant de faire toutes les modifications que vous souhaitez.
Comme pour les images, on peut
- cliquer sur Paramètres avancés pour ajouter un lien associé, des effets graphiques et que modifier le texte alternatif.
- et modifier le fichier après l'avoir enregistré en cliquant sur bout de code entre {{ }}.
Pour plus d'infos, aller sur la page {{attach}} de la documentation YesWiki.
Joindre un fichier : image, son, téléchargement...
En plus du texte, on peut vouloir ajouter des images, des documents à télécharger, voire des vidéos ou des fichiers audio. Avec YesWiki ceci est très facile ! Voici comment faire.Bouton "fichier"
Dans la page en mode édition, cliquer sur le bouton "Fichier" permet de choisir un fichier qui se trouve sur votre ordinateur.En fonction du type de fichier à insérer, YesWiki propose des interfaces différentes, mais le principe reste le même.
...pour un fichiers image (svg, png, gif, jpg, bmp...)
Le bouton ouvre sur une fenêtre qui permet de choisir l'alignement de l'image, sa taille à l'affichage ainsi que le texte qui s'affichera au survol (texte de la vignette).En cliquant sur "Paramètres avancés", on peut ajouter un lien associé (en vert ci-dessous), des effets graphiques, modifier le texte alternatif et empêcher l'affichage de l'image lorsqu'on clic dessus (en jaune).
On peut modifier l'image après l'avoir enregistrée. Pour cela il faut re-éditer la page, trouver le bout de code entre {{ }} qui concerne ce fichier et cliquer n'importe où dessus : un bouton crayon apparaît, il suffit de cliquer dessus pour afficher la fenêtre permettant de faire toutes les modifications que vous souhaitez.
...pour un fichier texte (.doc, .pdf, .xls, .odt, .txt...)
Ici le bouton ouvre une fenêtre qui permet de modifier le texte du lien et d'afficher le fichier sous forme de lien ou directement inclus dans la page.Comme pour les images, on peut
- cliquer sur Paramètres avancés pour ajouter un lien associé, des effets graphiques et que modifier le texte alternatif.
- et modifier le fichier après l'avoir enregistré en cliquant sur bout de code entre {{ }}.
...pour un fichier audio (mp3) et vidéo (flv)
Le principe est toujours le même. Ces fichiers seront interprétés sous forme de lecteur audio. Mais souvent ce sont des fichiers lourds qu'on a tendance à stocker sur des plateformes spécialisées (vimeo, youtube, peertube ...) pour ensuite les intégrer au wiki en iframe....pour un fichier freeplane ou freemind (.mm)
Le principe est toujours le même. Ces fichiers seront affichés sous forme de carte heuristique cliquable.Vous avez envie de code ?
Pas de souci, vous avez ci-dessus les bouts de codes générés par les boutons, ils peuvent être créés directement sur votre page en mode édition, et modifiés comme vous le souhaitez.Pour plus d'infos, aller sur la page {{attach}} de la documentation YesWiki.
Une vidéo pour vous aider
Voir la vidéo (elle est faite à partir de la version précédente mais le principe est le même)Créer un lien
Créer un lien
Dans les pages d'une gare centrale on a souvent besoin de faire des liens vers d'autres pages ou d'autres sites. Encore une fois, c'est asser simple.Dans la page en mode édition, cliquer sur le bouton "Lien".
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 ;-)
Vous avez envie de code ?
Voici ce que ça donne quand on regarde le code :


Intégrer des éléments externes (vidéos, pad...)
Intégrer des éléments externes
(vidéos, pad...)
Avec YesWiki on ne réinvente pas le fil à couper le beurre et on peut facilement copier sur son voisin et récupérer des pages intéressantes ! On peut aussi tout simplement avoir besoin d'utiliser différents outils de travail coopératif et vouloir les centraliser dans notre gare centrale. Voici comment faire :Un peu de vocabulaire
Un widget est un petit module qui permet à une page d'embarquer (encapsuler, intégrer... "embed" en anglais) et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.Quelques étapes très simples
1. Trouver le code iframe permettant l'intégration
Un site propose souvent d'afficher ses contenus ailleurs que "chez lui", en fournissant un morceau de code html (appelé iframe), qui se trouve dans les options "Partager" > "Intégrer" ou encore "iframe".Ca peut ressembler à ça :



<iframe name="embed_readwrite" src="https://unsite.com/iframe" width="100%" height="600" ></iframe>
Vous allez sélectionner et copier ce code pour aller le coller dans votre wiki.
2. Coller ce code dans ma page wiki
Une fois le code collé dans la page il faut penser à ajouter avant et après deux guillemets.""coller ici le code HTML fourni par le site tiers""
3. Sauver et profiter !
Vous enregistrez ces modifications et vous pouvez profiter des fonctionnalités de cet autre site dans votre wiki : lire la vidéo, écrire dans le pad, lire un contenu ...Bricoler le code
Changer la taille de la fenêtre
Le code iframe fourni peut être personnalisé, notamment pour les dimensions de la fenêtre intégrée.Dans le bout de code à copier-coller, les paramètres width (largeur) et height (hauteur) permettent de spécifier la taille de ce cadre et ils sont renseignés en pixels. Vous pouvez modifier ces chifres pour ajuster la taille de la fenêtre.
Largeur
Le paramètre width= est indispensable. Il peut indiquer un nombre pixels ou un pourcentage de la taille de l'écran.
Pour que la fenêtre prenne toute la largeur et s'adapte à l'écran vous pouvez indiquer width=100%
Hauteur
L'insertion iframe peut configurer sa longueur automatiquement via la class
class="auto-resize"
Ajouter ou enlever un cadre noir
La fenetre intégrée peut être encadrée ou non.Dans la "class" vous pouvez préciser frameborder="yes" (avec cadre noir) ou frameborder="no" (sans cadre noir)
<iframe width="100%" src="https://unsite.com/iframe" class="frameborder="yes" ></iframe>
Éditer une page
Éditer une page
Un wiki est organisé autour de pages de contenus et de zones de menus de navigation (horizontal et/ou vertical...).Il y a trois manières pour éditer et modifier une page. Les trois ayant le même résultat, utilisez celle qui vous convient.
Vous savez que vous êtes en mode édition quand la barre d'édition suivante apparaît

Double-clic

Le double-clic ne fonctionne pas ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
"Éditer la page"

Le lien "éditer la page" n'existe pas ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
Ajouter "/edit" à l'url

Le mode édition n'apparaît pas après l'ajout de "/edit" ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
Une fois vos modifications effectuées, enregistrer la page en cliquant sur le bouton "Sauver" en haut ou en bas de la page.
Voir aussi
- Qui a le droit de modifier une page ? Voir le tutoriel sur les droits
- Pourquoi je n'arrive pas à entrer dans le mode édition ? Voir le tutoriel sur les droits
- Comment mettre en forme le texte, insérer des documents ? Le formatage du texte
- Comment visionner l'historique des modifications, revenir en arrière ? Historique et révisions
Créer une nouvelle page
Créer une nouvelle page
Vous pouvez initier une nouvelle page où que vous soyez dans votre wiki : dans une page classique ou dans le menu.
Il y a pour celà 2 étapes :
- ouvrir le fenêtre permettant de faire un lien (voir ici)
- saisir le "Nom de la page YesWiki"
Nommer ma nouvelle page
La seule règle pour nommer votre page est indiquée : "sans espace ni caractère spéciaux".Donc vous pouvez choisir de l'appeler nomdemapage ou comptesrendusdereunions
Ce sera plus lisible si vous alternez avec des majuscules NomDeMaPage (c'est la méthode traditionnelle dans YesWiki, ce que vous nous appelions les ChatMot).
Et c'est encore mieux (notamment pour les moteurs de recherches) si vous optez pour les tirets : nom-de-ma-page
Ca donne ça :

Quand je cliquer sur "insérer", ça génère cette ligne de code :

Il ne vous reste plus qu'à sauver.
Quand le lien vers d'être créé mais que la nouvelle page est vide, un petit crayon apparait devant le lien. Il disparaitra quand vous aurez saisi du contenu dans la nouvelle page.

Astuces
- une fois ma nouvelle page créée je peux enlever le lien qui y mène sans que la page disparaisse pour autant. Je peux retrouver mes pages dans la roue crantée en haut à droite > Tableau de bord. Une bonne manière de cacher des pages ;-)
- une tout autre manière de créer une nouvelle page est de modifier l'URL : la dernière partie de l'adresse correspond au nom de la page

- 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 lien), on l'encadre de double guillemets:
Le concept des pages wikis
Parfois ça aide à comprendre ;-)Quel que soit l'endroit de mon wiki où j'écris le nom de ma page (ici LesMembres) le lien renverra à la même page :
