Un total de 12 pages a été trouvé avec le mot clé facile.

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) :

image colonnemenu.png (0.2MB)
Colonne menu

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) :

image colonnemiseenforme.png (56.6kB)
Colonne mise en forme du contenu

Créer une page de menu (gauche ou droite)

page inutile : voir plutôt DocumentationColonneMenu

Modifier son mot de passe

  1. allez sur la page ParametresUtilisateur dans la partie "changement de mot de passe"
    • (également accessible par le menu configuration "roue crantée" : "se connecter")
  2. mettez votre ancien mot de passe dans le champ "votre ancien mot de passe"
  3. mettez un nouveau mot de passe dans le champ "nouveau mot de passe"
  4. cliquez sur "changer"

Récupérer son mot de passe en cas d'oubli

Si vous avez perdu votre mot de passe,
  1. allez sur la page ParametresUtilisateur (accessible depuis le menu "roue crantée" : "se connecter"
  2. voir plus bas "permettre aux utilisateurs de récupérer leur mot de passe par mail en cas d'oubli)
  3. allez dans la partie "récupération du mot de passe"
  4. ajoutez votre mail dans le champ "email" et cliquez sur "envoyer"
  5. vous allez recevoir un nouveau mail avec un lien pour générer un nouveau mot de passe
  6. 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èque
il 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


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")
--> le propriétaire peut gérer les droits d'accès à sa page

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
Nota : pour toute nouvelle page créée, YesWiki applique les droits d'accès définis par défaut lors de l'installation du Wiki
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' => '*',
'defaultreadacl' => '
  1. 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 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



Créer son compte et/ou s'identifier

INSERER ICI UN MOT RELATIF A action login

création d'un compte YesWiki

  1. aller sur la page spéciale ParametresUtilisateur
  2. 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
  3. choisir un mot de passe et donner un mail
  4. cliquer sur "Nouveau compte"

S'identifer sur yeswiki

  1. aller sur la page spéciale ParametresUtilisateur,
  2. remplir le formulaire avec son nom YesWiki et son mot de passe
  3. cliquer sur "connexion"

É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 :
  • 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
image GererSite_composition_dune_page.jpg (43.2kB)

Il y a deux manières d'accéder à une page menu pour la créer ou la modifier :

Par la roue crantée

image GereSite_modif_menu_roue.png (0.2MB)
Dans la page Gestion du site, on retrouve les liens vers toutes les pages citées ci-dessus.

Par l'url du menu

image GereSite_modif_menu_url.png (0.1MB)
Pour les menus par défaut ces url sont :

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.

image modifier_menu_haut.png (0.2MB)

démo de l'action

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.
image inserer_image_bouton.png (15.8kB)
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).
image inserer_image_fenetre.png (72.3kB)

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).
image inserer_image_fenetre_parametres.png (56.0kB)

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.
image inserer_image_modifier.png (34.9kB)

...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.
image inserer_fichier_fenetre2.png (0.2MB)

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

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".
image bouton_lien.png (15.3kB)

Vous serez alors guidé.e dans vos choix avec cette fenêtre :
image ajouterunlien.png (60.1kB)
  • 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 :
image DocumentationCreerUnLien_creer_un_lien_ex_chamot1_20220123191525_20220123181537.png (21.1kB)
image DocumentationCreerUnLien_creer_un_lien_ex_url1_20220123191525_20220123181548.png (37.2kB)
image DocumentationCreerUnLien_creer_un_lien_ex_mail1_20220123191525_20220123181600.png (23.0kB)

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 :
image partager.png (0.9kB)
image partageryoutube.png (2.8kB)
image intgrer.png (2.9kB)
Le code iframe que vous allez trouver ressemblera à ça :
<iframe name="embedreadwrite" src="""https://unsite.com/iframe""" width="100%" height="600" > 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

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
image editer_une_page_barre
Lien vers: DocumentationEdition
Barre d'édition de Yeswiki

Double-clic

image editer_page_double_clic
Le double clic est une spécificité de Yeswiki : pour modifier le contenu d'une page il vous suffit de double-cliquer sur le contenu à modifier. Vous atteignez ainsi le mode édition de la page.

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

"Éditer la page"

image editer_page_editer
En bas d'une page wiki, vous trouvez un lien "Éditer la page" avec une icône crayon. Ce lien vous mène lui aussi au mode édition de 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

image editer_une_page_edit
Dans la barre du navigateur se trouve l'adresse URL de la page sur laquelle vous vous trouver. Si vous ajouter "/edit" à la fin de celle-ci (puis en validant avec la touche [ENTREE]) vous atteignez le mode édition.

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.
image editer_page_sauver

Voir aussi


Cette page est customisable en suivant ce lien ReglesDeFormatage

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

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


*Nom** | **prénom** | **Couleurs préférées** | | Lagaffe | Gaston | jaune |
| Lapalice | Jean | vert |
|]
</pre> ===Boutons wiki=== <a href="https://yeswiki.net/?DemoButton" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> <pre> votre texte</pre> ===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=== <pre>si vous déposez du html dans la page wiki, il faut l'entourer de "" <bout de html> ""
pour qu'il soit interprété</pre> ===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 -->%% {{end elem="col"}} {{col size="6"}} ===Texte en couleur=== %%<span style="color:#votrecodecouleur;">votre texte à colorer</span>%%//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 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. <a href="http://getemoji.com" target="
blank" class="btn btn-primary btn-xs">Par exemple sur ce site"" ===Mise en page par colonne===""https://yeswiki.net/?DocumentationMiseEnPageOnglet" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action . La syntaxe (à répéter sur toutes les pages concernée par la barre d'onglet) est: <pre> </pre> ===Créer un cadre dépliable / accordéon===<a href="https://yeswiki.net/?DemoAccordion" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a> %% {{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===""<a href="https://yeswiki.net/?BackgroundimagE" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
//Avec possibilité de mettre du texte par dessus//
Télécharger le fichier monbandeau.jpg

Texte du titre

description
===Couleur de fond avec du texte par dessus===
//Avec possibilité de mettre du texte par dessus//

Texte du titre

description
//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 http://fr.wikipedia.org/wiki/Liste_de_couleurs]]//
{{end elem="col"}}
{{end elem="grid"}}
{{accordion}}
{{panel title="Codes à copier / coller pour améliorer le look" class="panel-secondary-2"}}
{{section class="well"}}
Quelques bouts de codes à copier coller pour faire de jolies mises en forme

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
{{end elem="section"}}

====Labels====
Mon label
donne
{{label}}Mon label{{end elem="label"}}   {{label class="label-primary"}}label-primary{{end elem="label"}}   {{label class="label-success"}}label-success{{end elem="label"}}   {{label class="label-warning"}}label-warning{{end elem="label"}}  {{label class="label-danger"}}label-danger{{end elem="label"}}


====Alert====
Attention ! Voici votre message.
donne
{{section class="alert alert-default" nocontainer="1"}}
Attention ! Voici votre message (alert-default).
{{end elem="section"}}
{{section class="alert alert-primary" nocontainer="1"}}
Attention ! Voici votre message (alert-primary).
{{end elem="section"}}
{{section class="alert alert-success" nocontainer="1"}}
Attention ! Voici votre message (alert-success).
{{end elem="section"}}
{{section class="alert alert-warning" nocontainer="1"}}
Attention ! Voici votre message (alert-warning).
{{end elem="section"}}
{{section class="alert alert-danger" nocontainer="1"}}
Attention ! Voici votre message (alert-danger).
{{end elem="section"}}

{{end elem="panel"}}
{{panel title="Codes à copier / coller associés à bazar le gestionnaire de base de données" class="panel-secondary-2"}}
{{section class="well"}}
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) ""<a href="https://yeswiki.net/?BazarCreationFormulaire" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
 - dans les exemples suivants, le formulaire aura l'identifiant n° 1 : id="1"
{{end elem="section"}}
{{grid}}
{{col size="6"}}
====afficher le formulaire de saisie====""<a href="https://yeswiki.net/?BazarAfficherFormulaireSaisie" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
Le formulaire que vous recherchez n'existe pas (peut être a-t-il été supprimée entre temps ?) : '1'
====afficher les fiches associées sous forme d'accordéons====""<a href="https://yeswiki.net/?ActionBazarliste" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
Il y a 0 fiche.
====afficher les fiches associées sous forme d'accordéons avec un moteur de recherche====
Il y a 0 fiche.
====afficher les fiches associées sous forme de calendrier====""<a href="https://yeswiki.net/?ActionCalendrier" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
==Si votre formulaire contient un champ date==
{{end elem="col"}}
{{col size="6"}}
====afficher les fiches associées sous forme de carte====""<a href="https://yeswiki.net/?MapTplHtml" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
==si votre formulaire contient un champ adresse==
Il y a 0 fiche.
====afficher les fiches associées sous forme de trombinoscope====""<a href="https://yeswiki.net/?TrombinoscopeTplHtml" target="_blank" class="btn btn-primary btn-xs">Doc en ligne</a>""
==si votre formulaire contient un champ image==
%%