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

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

page inutile : voir plutôt DocumentationColonneMenu

Créer une nouvelle page


Le concept des ChatMots

Chaque page d'un wiki porte un nom contenant au moins deux majuscules non consécutives, autrement dit un mot à deux bosses ou ChatMot.
Ce nom doit être tout attaché, sans accent et sans caractère spéciaux.
ChatMot
Pour "masquer" ce chatmot et le faire apparaître en tant que "ceci est un chatmot", taper [[ChatMot ceci est un chatmot]]. Cela donnera ceci est un chatmot

Créer une page et son lien dans le wiki

Pour ajouter une page il suffit d'écrire un ChatMot dans une page existante (dans une page menu ou dans une page classique).
Quand on sauve la page, le ChatMot apparaît et forme un lien permanent vers cette nouvelle page. Il est suivi (ou précédé) d'un petit crayon. En cliquant dessus, on arrive dans le mode édition de la nouvelle page. Il ne reste plus qu'à écrire et enregistrer en cliquant sur "sauver"

Pour aller plus loin

Lors de la création d'une nouvelle page, celle-ci adoptera un format par défaut. Mais vous pouvez choisir de le modifier et d'ajouter des colonnes. Pour voir comme faire, c'est par ici

Créer un lien

vers une autre page du wiki ou vers un autre site


Lien interne (au sein du wiki)

La caractéristique qui permet de reconnaître un lien dans un wiki : c'est un ChatMot (un mot avec deux bosses).
On écrit le ChatMot de la page YesWiki vers laquelle on veut pointer.
  • Si la page existe, un lien est automatiquement créé
  • Si la page n'existe pas, apparaît un lien avec crayon permettant de créer la page (voir DocumentationCreerUnePage). En cliquant dessus on arrive vers la nouvelle page en mode "Édition", après avoir sauvé la page, le lien sera actif.

Lien externe (vers d'autres sites internet)

Il suffit de coller l'adresse du site dans la page wiki
Exemple : http://outils-reseaux.org

Personnaliser le texte des liens

Les liens insérés ci-dessus sont donc soit des ChatMots soit des adresse url ... pas forcément jolis.
On peut personnaliser le texte de ces liens. Pour cela on utilise les double crochets [[ ]]
Entre les crochets, on indique en premier le lien (ChatMot ou url) puis le texte que l'on souhaite voir.



Remarque
Cela fonctionne aussi avec les adresses mail

  • La ligne suivante... [[mailto:accueil@outils-reseaux.org Envoyer un mail]]
  • ...apparaîtra ainsi : Envoyer un mail


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)
image Appropriation.png (14.1kB)
Si vous êtes identifié, on vous propose de vous approprier la page
image VousEtesProprio.png (16.5kB)
Et voilà
  • 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
image EditerPermissions.png (14.2kB)
Et maintenant, on peut éditer les permissions (mais aussi supprimer la 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' => '*',
'default_read_acl' => '*',
'default_comment_acl' => '@admins',


Pour gérer les droits d'accès d'une page

(il faut être propriétaire de la page pour modifier les droits d'accès)
  1. cliquer sur l'option (en bas) "Éditer permissions"
    • un tableau à trois colonnes s'affiche (une colonne par type de droit : lecture, écriture, commentaire)
  2. compléter le tableau selon le code suivant :
    • le nom YesWiki d'un utilisateur autorise seulement cette personne, ex : JamesBond
    • le symbole étoile * 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.
image EditerPermissionsLolo.png (22.0kB)
On peut changer les droits en lecture, écriture et commentaires

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



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

Double-clic

image ImpEcran.png (76.1kB)
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 EditerPage.png (7.0kB)
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 ImgUrl1.png (2.2kB)
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, vous enregistrez en cliquant sur le bouton "Sauver" en bas de page.
image sauverbis.png (2.9kB)

Voir aussi


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


Créer son compte et/ou s'identifier

création d'un compte YesWiki

  1. aller sur la page spéciale ParametresUtilisateur
    • elle est généralement également accessible via le menu de configuration "roue crantée" : "se connecter"
    • image ParametresUtilisateur2.png (24.4kB)
      Renseigner tous les champs puis cliquer sur Nouveau compte
  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,
    • elle est généralement également accessible via le menu de configuration "roue crantée" : "se connecter"
    • image ParametresUtilisateur.png (24.4kB)
      Renseigner les deux premiers champs puis cliquer sur IDENTIFICATION (en cochant la case Se souvenir de moi, vous serez identifiés durant quelques mois)
  2. remplir le formulaire avec son nom YesWiki et son mot de passe
  3. cliquer sur "connexion"

Intégrer des éléments d'ailleurs (vidéos, pad...)


Pour insérer des widgets

Un widget est un petit module qui permet d'embarquer et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.
On peut donc insérer des widgets , grâce à leur code html. Il suffit pour cela récupérer les bouts de codes qui vous sont proposés par des sites tiers et de les incorporer dans votre page en ajoutant avant et après deux guillemets.
""coller ici le code HTML fourni par le site tiers""


Pour insérer un pad sur une page du wiki
  • sur votre pad, cliquer sur le bouton "partager" en haut à droite du pad et copier le code <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe name='embed_readwrite' src='http://pad.coop-tic.eu/p/testIframe?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false' width=600 height=400></iframe>""



Pour insérer une vidéo sur une page du wiki
  • aller sur youtube ou viméo ou un autre site de vidéo.Choisissez votre vidéo, cliquer sur partager/intégrer et copier le code qui devrait commencer par <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe width="560" height="315" src="https://www.youtube.com/embed/VxpI99Q_dNE?list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L" frameborder="0" allowfullscreen></iframe>""



Pour insérer un iframe : en gros une partie d'un autre site...
""<iframe width=100% height="1250" src="http://outils-reseaux.org/" frameborder="0" allowfullscreen></iframe>""




Astuce pour rendre redimensionnable la largeur de certaines iframes

Pour un wiki dont la page s'adapte à la taille de la fenêtre (quand on n'est pas en plein écran), on peut vouloir que la largeur de certaines iframe s'adapte de même. Pour cela :
  • on ne met pas de valeur numérique pour le width
  • ou bien on remplace par width="100%" overflow="auto"

Quelques exemples en vidéo

image iconvideo.png (1.8kB)
Intégrer une vidéo youtube dans yeswiki
image iconvideo.png (1.8kB)
Intégrer un pdf avec scribd
image iconvideo.png (1.8kB)
Intégrer un diaporama google
image iconvideo.png (1.8kB)
Intégrer une galerie picasa
image iconvideo.png (1.8kB)
Intégrer une carte google

image logo.png (43.8kB)

démo de l'action

Joindre un fichier : image, son, téléchargement ...

En cliquant sur le bouton "Joindre / Insérer un fichier", vous aurez la possibilité de choisir un fichier se trouvant sur votre ordinateur.
image dossier.png (0.1MB)
choisir son fichier à télécharger sur le wiki

En fonction du type de fichier, YesWiki vous proposera des interfaces différentes :
  • s'il s'agit d'un fichier image (svg, png, gif, jpg, bmp...), s'affichera l'interface suivante
image joindreimage1.png (41.1kB)
On peut y choisir l'alignement de l'image, sa taille à l'affichage ainsi que le texte qui s'affichera au survol
image joindreimage2.png (48.4kB)
En cliquant sur Paramètres avancés, on pourra ajouter un lien associé, des effets graphiques ainsi que modifier le texte alternatif

  • Pour tout autre fichier (.doc, .pdf, .xls, .odt, .txt...) vous pourrez modifier le texte associé par défaut "Télécharger le fichier nom du fichier (taille du fichier)"
image joindretxt.png (32.6kB)
On peut modifier le texte qui servira de lien vers ce fichier.
  • Les fichiers de type audio (mp3) et vidéo (flv) seront interprétés sous forme de lecteur audio.
  • les fichiers de type freeplane ou freemind (.mm) seront affichés sous forme de carte heuristique cliquable.

Une fois un fichier joint à une page, il est encore possible de modifier le texte qui lui est associé, même si la page a été sauvegardée. Pour cela il faut re-éditer la page, trouver dans la page l'instruction (l'action) qui concerne ce fichier, elle aura cette forme :
{{attach file="exemple.txt" desc="Telecharger le fichier exemple.txt (2.7kB)"}}

exemple.txt correspond au nom de votre fichier et "Telecharger le fichier exemple.txt (2.7kB)" correspond au texte qui servira de lien vers ce fichier.

Pour changer ce texte, il faut modifier le libellé entre guillemets après desc, soit par exemple :
{{attach file="exemple.txt" desc="Fichier exemple en téléchargement"}}.

Le nouveau texte associé au fichier sera donc "Fichier exemple en téléchargement".
Il ne vous reste plus qu'a sauver votre page pour prendre en compte ces modifications.

Pour toutes les infos sur l'action allez sur la page AttacH

On dispose d'un lien vers l'image ou le fichier

Si le fichier à joindre est déjà stocké en ligne, il est possible de créer un lien vers celui-ci. On utilise les doubles crochets : il faut saisir l'adresse où trouver le fichier suivie du texte de remplacement.

  • [[http://mondomaine.ext/image.jpg texte de remplacement de l'image]] pour les images.
Affichera l'image

  • [[http://mondomaine.ext/document.pdf texte du lien vers le téléchargement]] pour les documents.
apparaîtra ainsi : texte du lien vers le téléchargement

Pour toutes les infos sur les liens allez sur la page DocumentationCreerUnLien

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

Éditer et modifier un menu

Un wiki comporte généralement plusieurs menus. Un menu est tout simplement une page Wiki.
image squelette_yeswiki.png (0.4MB)

Par défaut un wiki contient les menus suivants :
  • un menu horizontal, situé généralement en haut de page
  • un menu configuration, accessible en cliquant sur la roue dentée en haut à droite
  • un menu vertical, généralement situé à gauche ou à droite de la partie contenu de la page (pas représenté sur le dessin ci-dessus :-()

Il y a trois manières d'accéder à une page menu pour la modifier :

Roue crantée

image ImgRoueCrantee.png (18.2kB)
Accessible via dans la page "Gestion du site" du menu crantée en haut à droite du wiki

Dans la page Gestion du site, vous retrouvez les liens vers les pages "Éditer menu horizontal d'en haut" et "Éditer menu vertical sur le côté" (à créer)

Par l'url du menu

image ImgUrl.png (7.7kB)
Pour modifier des menus, il est possible de se rendre sur chacun d'entre eux via l'adresse de leur page.

Pour les menus par défaut ces url sont :


Double-clic

image ImpEcran.png (76.1kB)
La logique du double-clic chère à YesWiki fonctionne aussi pour les menus.
double-cliquer sur un menu lui-même vous amène au mode édition de la page qui le pilote.
Il n'est pas toujours évident se trouver l'endroit précis où le double-clic fonctionne (notamment si beaucoup de liens sont présents dans le menu), il est donc conseillé d'utiliser les méthodes proposées ci-dessus.

Modifier


Pré-requis : savoir faire des liens : Voir la page de la documentation "Créer une lien"

Une page menu est organisée comme une liste de puces. Un niveau de menu correspond au retrait de la puce.
Elle se provoque grâce à un espace placé en début de ligne. Un seul espace avant le tiret créera un titre de premier niveau (toujours apparent dans le menu). Deux espaces avant le tiret créera un titre de deuxième niveau (apparent après avoir cliqué sur le titre de premier niveau).
Vos titres de menu doivent mener à des pages en créant des liens (selon la méthode Yeswiki)

- Niveau 1
  - [[ChatMot Titre 1-A]]
  - Titre 1-B
 - Niveau 2
  - Titre 2-A
  - Titre 2-B
  - Titre 2-C

Niveau 1
Niveau 2
  • Titre 2-A
  • Titre 2-B
  • Titre 2-C

Règles de formatage

Accentuation

**Gras**
//Italique//
__Souligné__
@@Barré@@

Titres

======Titre 1======

=====Titre 2=====

====Titre 3====

===Titre 4===

==Titre 5==

Listes

 - Liste à puce niveau 1
 - Liste à puce niveau 1
  - Liste à puce niveau 2
  - Liste à puce niveau 2
 - Liste à puce niveau 1

 1. Liste énumérée
 2. Liste énumérée
 3. Liste énumérée

Liens

[[http://www.exemple.com Texte à afficher pour le lien externe]]
[[PageDeCeWiki Texte à afficher pour le lien interne]]

Lien qui force l'ouverture vers une page extérieure

""<a href="http://exemple.com" target="_blank">ton texte</a>""

Images

Pour télécharger une image, utiliser le bouton Joindre/insérer un fichier
.

Tableaux

Colonne 1 Colonne 2 Colonne 3
John Doe Male
Mary Smith Female

Boutons wiki

{{button class="btn btn-danger" link="lienverspage" icon="plus icon-white" text="votre texte"}}

Placer un bouton qui s'ouvre dans un autre onglet

""<a href="votrelien" target="_blank" class="btn btn-primary btn-large">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'apparait 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 -->""

Code exemples

Insérer un iframe

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

Texte en couleur

""<span style="color:#votrecodecouleur;">votre texte à colorer</span>""
Quelques codes couleur => mauve : 990066 / vert : 99cc33 / rouge : cc3333 / orange : ff9900 / bleu : 006699Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs

Message d'alerte

Avec une croix pour le fermer.
""<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
Attention ! Voici votre message.
</div>""

Label "important" ou "info"

Important et Info
""<span class="label label-danger">Important</span>"" et ""<span class="label label-info">Info</span>""

Mise en page par colonne

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

Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action . La syntaxe est (elle est à répéter sur toutes les pages concernée par la barre d'onglet)
{{nav links="NomPage1, NomPage2, NomPage3Personne" titles="TitreOnglet1, TitreOnglet2, TitreOnglet3"}}

Formulaires de contact

{{contact mail="adresse.mail@exemple.com"}}

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

Avec possibilité de mettre du texte par dessus
{{backgroundimage height="150" file="monbandeau.jpg" class="white text-center doubletitlesize"}}
=====Texte du titre=====
description
{{endbackgroundimage}}

Modifier le bandeau supérieur

En y plaçant une image par ex et/ou un dégradé de couleur
{{section class="white cover text-center " file="bandeau.jpg" bgcolor="linear-gradient(135deg, #fad961 0%,#f76b1c 100%);" height="200"}}
======Un wiki de demo======
{{end elem="section"}}

Utiliser accordion

{{accordion}}
{{panel title="le titre" class="panel-danger"}}
le contenu
{{end elem="panel"}}
{{end elem="accordion"}}


Filtrer :  A améliorer  Ã©dition  Développement  documentation  droits utilisateurs  extension  facile  fichiers  github  groupes  identification  insertion  intermédiaire  liens  menus  mise en forme  modification  mots de passe  Newsletter  notifications  obsolète  pages  php  pieds de page  restauration  rss  spam  style  thèmes  todo  versions  videos  widget