Un total de 6 pages ont été trouvées avec le mot clé édition.
Ci-dessous une sélection de bouts de code fréquemment utilisés quand on met en forme son wiki.

Pour créer un lien qui force l'ouverture vers une page extérieure (dans un autre onglet quoi)
""<a href="tonlien" target="_blank">ton texte</a>""
Pour cette page par exemple : ""<a href="http://yeswiki.net/wakka.php?wiki=CodeExemple" target="_blank">Codes à copier/coller</a>""

Pour inclure une page dans une autre
{{include page="Nomdelapageainclure"}} 
Pour inclure une page située dans un **autre** wiki : ( Noter le pipe ""|"" après les premiers ""[["" ) [[|http://lesite.org/nomduwiki PageAInclure]]""

Pour insérer un iframe (en gros une partie d'un autre site, ou un pad, ou une vidéo youtube ou...)
""<iframe width=100% height="1250" src="lien URL de la source à encapsuler" frameborder="0" allowfullscreen></iframe>""

Pour un texte en couleur : (voir les codes hexa des couleurs en suivant ce lien http://fr.wikipedia.org/wiki/Liste_de_couleurs
""<span style="color:#votrecodecouleur;">texte</span>""
quelques codes couleur => mauve : 990066 / vert : 99cc33 / rouge : cc3333 / orange : ff9900 / bleu : 006699

Pour avoir un message qui apparait au chargement de la page (avec une croix pour le fermer)
""<div class="alert-danger">
  <button type="button" class="close" data-dismiss="alert">É</button>
  votre message.
</div>""

Pour inclure un petit bouton "important" ou "info"
Important et Info
""<span class="label label-important">Important</span>"" et ""<span class="label label-info">Info</span>""

Pour inclure un bouton cliquable Plus d'infos sur les boutons = http://yeswiki.net/wakka.php?wiki=DocButton
découvrez le crie de mouscron
version wiki (donc sans ""  "") copier coller ceci : {{button class="btn btn-danger" link="lienverspage" icon="plus icon-white" text="votre texte"}}

Pour un bouton cliquable qui ouvre dans une autre fenêtre
""<a href="votrelien" target="_blank" class="btn btn-primary btn-large">votre texte</a>""
un bouton vert ? remplacer btn btn-danger par btn btn-success
un bouton orange ? remplacer btn btn-danger par btn btn-warning,
un bouton bleu ? remplacer btn btn-danger par btn btn-info

Faire une liste à puce
Elle se provoque grâce à un espace placé en début de ligne. Vous pouvez aussi créer des listes à puces ou numérotées :
- liste à puce
  - sous liste

Pour placer du code en commentaire sur la page (donc il n'apparait pas !)
""<!-- 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 -->""


bout de code à mettre dans un header
""<div style="height:110px; background-image:url(http://site-coop.net/bazar15/files/Image_yeswiki_20141219151145_20141219151145.png);" class="background-image">
<div class="container">
<h3><span style="color:#fff;text-shadow:1px 1px 1px #000;">""{{configuration param="meta_description"}}""</span></h3>
</div> <!-- /.container -->
</div>""


Faire des colonnes
{{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 une page de menu (gauche ou droite)

page inutile : voir plutôt DocumentationColonneMenu

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


É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


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

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