Aller au contenu

Outils du site

Vous n'êtes pas identifié(e).


guide:notice_du_wiki

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
guide:notice_du_wiki [2011/12/17 13:59]
oli_v_ier [Utilisation basique]
guide:notice_du_wiki [2019/09/04 19:53]
Opitux coquille
Ligne 1: Ligne 1:
 ====== Notice du wiki ====== ====== Notice du wiki ======
 +<WRAP tip>
 +FAITES VOS TESTS SUR LA [[guide:​page_test|PAGE DE TESTS]]
 +</​WRAP>​
  
 Sauf [[guide:​pages à droit restreint|exception]],​ toutes les pages du wiki sont modifiables par les membres connectés au site.  Sauf [[guide:​pages à droit restreint|exception]],​ toutes les pages du wiki sont modifiables par les membres connectés au site. 
Ligne 7: Ligne 10:
 ===== Utilisation basique ===== ===== Utilisation basique =====
  
-En bas de page, vous trouverez ​les 3 liens suivants: {{:guide:editer3.png?​nolink|}}+A droite ​de chaque ​page, vous trouverez ​cette petite image : 
 +{{:guide:editer4.png?​nolink|}}
  
-  * **Editer cette page**: pour modifier la page, voir ci-dessous +  * Le crayon pour permet de **modifier la page**, voir ci-dessous 
-  * **Dernières modifications**:​ pour avoir la liste des pages modifiées ​dernièrement +  * L'​horloge permet d'​afficher ​**la liste des modifications** faites ​dernièrement ​sur la page en cours 
-  * **Anciennes révisions**: permet d'​afficher ​la liste des modifications faites ​dernièrement ​sur la page en cours+ 
 +  * **Derniers changements** (en haut à gauche dans la barre de navigation grise)pour avoir la liste des pages modifiées ​dernièrement 
 + 
 +En haut à droite vous trouverez ​la fonction recherche dédiée au wiki. Par défaut, la recherche se fera avec le moteur de recherche externe. Pàur utiliser le moteur de recherche interne du wiki, vous devez sélectionner '''​dans le wiki (moteur interne)'''​ dans le menu déroulant.
  
-En bas du menu de gauche vous trouverez la fonction recherche dédiée au wiki. 
  
 ==== Pour modifier une page ==== ==== Pour modifier une page ====
  
-  * Cliquez sur "Editer ​cette page" ​en bas à gauche, ou sur un des petits boutons {{:​guide:​editer2.png?​nolink|Editer}} présent en bas à droite des paragraphes.+  * Cliquez sur "Modifer ​cette page", ou sur un des petits boutons {{:​guide:​editer2.png?​nolink|Editer}} présent en bas à droite des paragraphes.
   * Le code source s'​affiche avec des caractères spéciaux comme '​='​ ou '​*'​ (voir exemples ci-dessous),​ ils permettent de baliser le texte pour le mettre en forme. Servez vous de la barre d'​outil en haut de la zone d'​édition pour mettre en forme le texte, ou ajouter des images, puis cliquez sur "​Aperçu"​ pour voir l'​effet produit.{{ :​guide:​balises.png?​nolink |}}   * Le code source s'​affiche avec des caractères spéciaux comme '​='​ ou '​*'​ (voir exemples ci-dessous),​ ils permettent de baliser le texte pour le mettre en forme. Servez vous de la barre d'​outil en haut de la zone d'​édition pour mettre en forme le texte, ou ajouter des images, puis cliquez sur "​Aperçu"​ pour voir l'​effet produit.{{ :​guide:​balises.png?​nolink |}}
   * Une fois que le résultat vous convient, remplissez le champ orangé "​Résumé"​ en indiquant les modifications apportées et cliquer sur "​Enregistrer"​.   * Une fois que le résultat vous convient, remplissez le champ orangé "​Résumé"​ en indiquant les modifications apportées et cliquer sur "​Enregistrer"​.
 {{ :​guide:​enregistrer.png?​nolink |}} {{ :​guide:​enregistrer.png?​nolink |}}
 +
 +==== Pour créer une page ====
 +
 +Tout est expliqué en détail là: [[guide:​creer_une_page|Créer une page]]
  
 ==== Exemples de mises en forme ==== ==== Exemples de mises en forme ====
Ligne 31: Ligne 41:
   Bien sûr, vous pouvez ​    ​**__//''​combiner''//​__** ces mises en formes.   Bien sûr, vous pouvez ​    ​**__//''​combiner''//​__** ces mises en formes.
  
-\\ + 
-\\ +==== Images sur le wiki ==== 
-\\ + 
-\\ +Merci de les héberger sur le site pour assurer leur pérennité. Utilisez le lien "​[[http://​www.randonner-leger.org/​forum/​uploadimg.php|Envoyer une image]]"​ dans le menu du haut du forum.
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
  
 ====== Utilisation avancée ====== ====== Utilisation avancée ======
Ligne 73: Ligne 77:
 ==== Retour à la ligne après un élément flottant ==== ==== Retour à la ligne après un élément flottant ====
  
-Le plugin [[http://​www.chimeric.de/​projects/​dokuwiki/​plugin/​clearfloat|clearfloat]] a été installé, il permet de forcer un retour à la ligne après un élément flottant: image, boite colorée (voir paragraphe 12), etc. Utilisez l'​instruction ci-dessous +Utilisez l'​instruction ci-dessous 
-  ​~~CL~~+ 
 +  ​<WRAP clear></​WRAP>​
  
 ===== 2. Liens ===== ===== 2. Liens =====
Ligne 142: Ligne 147:
 ===== 3. Notes ===== ===== 3. Notes =====
  
-Le [[http://​wiki.splitbrain.org/​plugin:​note|plugin notes]] a été ajouté, vous pouvez ajouter des notes telles que celles-ci:+<WRAP center round important 80%> 
 +Le [[http://​wiki.splitbrain.org/​plugin:​note|plugin notes]] a été utilisé sur le wiki. Il est désormais obsolète et remplacé par le [[https://​www.dokuwiki.org/​plugin:​wrap|plugin Wrap]] 
 +</​WRAP>​
  
-  ​<note>Une note toute simple pour attirer l'​attention.</notedonne: +<WRAP center round info 80%> 
-<note>Une note toute simple pour attirer l'​attention:​ on utilise ​<​code>​<notetexte </note></code> </note>+Les personnalisations possibles sont les suivantes  
 +<code
 +<WRAP center round important 80%> 
 +</code> 
 +  * **Left** / **center** / **right** =pour aligner le bloc sur la page à gauche, au centre ou à droite 
 +  * **Round** ou <del>rien</del=> pour des coins arrondis ou carrés 
 +  * **group**, **box**, **info**, **top**, **important**,​ **help**, **download**,​ **todo** => pour le type de bloc (contextualise la petite icône et la couleur de votre bloc 
 +  * **80%** => pour la largeur de votre bloc par rapport à la page 
 +</WRAP>
  
-  <note important>​Une note importante</​note>​ donne: +==== Les différentes utilisations possibles ====
-<note important>​Une note importante: on utilise <​code><​note important>​ texte </​note></​code>​ </​note>​+
  
-  <note warning>​Note pour attirer l'​attention sur quelque chose de très important</​note>​ donne: +Avec le plugin Wrap, vous pouvez ajouter des notes telles que celles-ci:
-<note warning>​Note pour attirer l'​attention sur quelque chose de très important: on utilise <​code><​note warning> texte </​note></​code>​ </​note> ​+
  
-  <note tuyau>​Une note pour donner une idée, ​un tuyau.</​note>​ donne: +=== Mettre ​un texte sur 2 colonnes ===
-<note tuyau>​Une note pour donner une idée, un tuyau: on utilise <​code><​note tuyau> ​texte </​note></​code>​ </​note>​+
  
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​column.png}},​ pour obtenir :
  
 +<WRAP group>
 +<WRAP half column>
 +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mattis ex. Etiam sollicitudin sem sed orci rutrum vulputate. Proin tortor tortor, dignissim commodo eleifend malesuada, euismod sed felis. Nam sit amet mauris sodales, sagittis ex vitae, rhoncus lectus. Nullam quis imperdiet dolor. Duis et condimentum magna, vitae dignissim dui. Phasellus dignissim euismod diam, id tempus justo laoreet ut. Nulla quis nisl elementum, sollicitudin libero vel, tristique tortor. Quisque eget nisi sit amet orci pretium laoreet sagittis vel nunc. 
 +</​WRAP>​
 +
 +<WRAP half column>
 +Nullam convallis neque a lectus sollicitudin dapibus. Pellentesque ac orci sit amet libero fermentum facilisis. Ut varius quam eget lacus dignissim interdum nec in est. Donec in eros in nibh tempor ornare. Nulla porttitor in purus id malesuada. Mauris sed libero eu massa aliquam faucibus. Praesent lacinia a nisl quis gravida. Fusce tellus ipsum, condimentum porta posuere ut, pharetra vel lectus. Nunc at imperdiet purus, ut semper orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In non feugiat massa, quis pharetra quam. Ut eu lacus ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 
 +</​WRAP>​
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP group>
 +<WRAP half column>
 +Texte colonne 1
 +</​WRAP>​
 +
 +<WRAP half column>
 +Texte colonne 2
 +</​WRAP>​
 +</​WRAP>​
 +</​code>​
 +
 +=== Une note toute simple pour attirer l'​attention ====
 +
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​box.png}},​ pour obtenir :
 +
 +<WRAP center round box 80%>
 +bloc simple
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP center round box 80%>
 +bloc simple
 +</​WRAP>​
 +</​code>​
 +
 +=== Une note présentant une information ===
 +
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​note/​16/​info.png}},​ pour obtenir :
 +
 +<WRAP center round info 80%>
 +bloc information
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP center round info 80%>
 +bloc information
 +</​WRAP>​
 +</​code>​
 +
 +=== Une note pour donner une idée, un tuyau ===
 +
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​note/​16/​tip.png}},​ pour obtenir :
 +
 +<WRAP center round tip 80%>
 +bloc astuce
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP center round tip 80%>
 +bloc astuce
 +</​WRAP>​
 +</​code>​
 +
 +=== Une note pour attirer l'​attention sur quelque chose de très important ===
 +
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​note/​16/​important.png}},​ pour obtenir :
 +
 +<WRAP center round important 80%>
 +bloc important
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP center round important 80%>
 +bloc important
 +</​WRAP>​
 +</​code>​
 +
 +=== Une note pour mettre en avant une aide  ===
 +
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​note/​16/​help.png}},​ pour obtenir :
 +
 +<WRAP center round help 80%>
 +bloc aide
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP center round help 80%>
 +bloc aide
 +</​WRAP>​
 +</​code>​
 +
 +=== Une note pour proposer un téléchargement ===
 +
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​note/​16/​download.png}},​ pour obtenir :
 +
 +<WRAP center round download 80%>
 +bloc téléchargement
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP center round download 80%>
 +bloc téléchargement
 +</​WRAP>​
 +</​code>​
 +
 +=== Une note pour attirer l'​attention sur une chose à faire ===
 +
 +Utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​note/​16/​todo.png}},​ pour obtenir :
 +
 +<WRAP center round todo 80%>
 +bloc à faire
 +</​WRAP>​
 +
 +Avec le code suivant :
 +
 +<​code>​
 +<WRAP center round todo 80%>
 +bloc à faire
 +</​WRAP>​
 +</​code>​
 +
 +=== Rétablir le flux après un élément flottant ===
 +
 +Si vous rencontrez un problème de mise en forme après l'​utilisation d'un bloc WRAP, il vous faudra rétablir l'​ordre du flux (caler à nouveau votre texte en bas à gauche) avec les boutons {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​clear.png}},​ pour obtenir le code suivant :
 +<​code>​
 +<WRAP clear/>
 +</​code>​
 +
 +=== Mise en forme d'un texte ===
 +
 +Le plugin WRAP permet enfin de mettre du texte en forme. Pour cela, utilisez les boutons ​
 +{{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png}} puis {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​em.png}},​ {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​hi.png}} ou {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​lo.png}} pour obtenir les codes suivants ​ :
 +
 +
 +<wrap em>​particulièrement important</​wrap>​
 +
 +<wrap hi>​important</​wrap>​
 +
 +<wrap lo>peu important</​wrap>​
 +
 +avec les code suivants :
 +
 +<​code>​
 +<wrap em>​particulièrement important</​wrap>​
 +<wrap hi>​important</​wrap>​
 +<wrap lo>peu important</​wrap>​
 +</​code>​
 ===== 4. Note de bas de page ===== ===== 4. Note de bas de page =====
  
Ligne 182: Ligne 365:
 ===== 6. Images et autres fichiers ===== ===== 6. Images et autres fichiers =====
  
-<note warning>​Attention à n'​utiliser que vos images ou des images libres de droit. Une certaine tolérance est appliquée aux images de matériel récupérées sur les sites des fabricants, mais à tout moment il peut être demandé de les retirer.</​note>+<WRAP center alert 80%> 
 +Attention à n'​utiliser que vos images ou des images libres de droit. Une certaine tolérance est appliquée aux images de matériel récupérées sur les sites des fabricants, mais à tout moment il peut être demandé de les retirer. 
 +</WRAP>
  
-<note important>​Attention au poids de vos images, surtout si elles sont téléchargées sur le wiki:+<WRAP center ​important ​80%> 
 +Attention au poids de vos images, surtout si elles sont téléchargées sur le wiki:
   * **Réduisez la __taille__** de l'​image en la recadrant: 300 pixels de large/haut suffisent généralement,​ faire un lien vers une image plus grande si nécessaire,​   * **Réduisez la __taille__** de l'​image en la recadrant: 300 pixels de large/haut suffisent généralement,​ faire un lien vers une image plus grande si nécessaire,​
   * **Réduisez le __poids__** de l'​image en la compressant (en format jpeg par exemple): 20ko c'est bien, 50ko ça commence à faire, 100ko c'est beaucoup...   * **Réduisez le __poids__** de l'​image en la compressant (en format jpeg par exemple): 20ko c'est bien, 50ko ça commence à faire, 100ko c'est beaucoup...
-</note>+</WRAP>
  
 Vous pouvez insérer des images de la manière suivante : Vous pouvez insérer des images de la manière suivante :
Ligne 242: Ligne 428:
 ===== 7. Listes ===== ===== 7. Listes =====
  
-Dokuwiki permet de créer facilement des listes ordonnées ou non. Pour créer un e liste, insérez deux espaces et ajouter ''​*''​ pour les listes non-ordonnées (points) ou un ''​-''​ pour les lites ordonnées (1,2,3...).+Dokuwiki permet de créer facilement des listes ordonnées ou non. Pour créer un e liste, insérez deux espaces et ajouter ''​*''​ pour les listes non-ordonnées (points) ou un ''​-''​ pour les listes ​ordonnées (1,2,3...).
  
   * Ceci est une liste   * Ceci est une liste
Ligne 320: Ligne 506:
   | Ligne 3 Colonne 1    | Ligne 2 Colonne 2     | Ligne 2 Colonne 3        |   | Ligne 3 Colonne 1    | Ligne 2 Colonne 2     | Ligne 2 Colonne 3        |
  
-To connect cells horizontally just make the next cell completely empty as shown aboveBe sure to have always the same amount of cell separators!+Pour fusionner horzontalement les cellules, créer une cellule vide comme ci-dessus. Attention à garder le bon nombre de séparateurs.
  
-Les tableaux ​double entrée sont aussi bien sûr possibles.+Les tableaux ​à double entrée sont aussi bien sûr possibles.
  
 |              ^ Titre 1            ^ Titre 2          ^ |              ^ Titre 1            ^ Titre 2          ^
Ligne 363: Ligne 549:
  
  
-===== 13Boites colorées ​=====+===== 12Plugin WRAP =====
  
-Le plugin [[http://wiki.jalakai.co.uk/​dokuwiki/doku.php/tutorial/​boxes|boxes]] a été installé, ​il permet d'insérer des boites colorées dont on peut choisir: +Le plugin [[https://www.dokuwiki.org/plugin:wrap|wrap]] a été installé, ​c'est un outil de mise en page très puissant.
-  * la couleur : bleue, rouge, vert ou orange (blue , red , green , orange) +
-  * la forme (coins carrés ou arrondis): carrés par défaut, round pour les bords arrondis +
-  * la taille (en pourcentage de la largeur): 20%, 57%, etc +
-  * l'​alignement (gauche, droite, centré): left, right, centré par défaut +
-  * le titre: chaque boite peut avoir son propre titre, voir exemple ci-dessous.+
  
-Exemple: +Les principales fonctions sont accessibles en cliquant l’icône {{http://​www.randonner-leger.org/​wiki/​lib/​plugins/​wrap/​images/​toolbar/​picker.png?​nolink}} sur la barre d'​outilslors des modifications ​de page.
-<box 60% round orange left |Mettre ici le titre de la boite>​Une boite orange alignée à gauche, à coins arrondis qui fait 60% de la largeur de la page, avec un titre</box> +
-~~CL~~ +
-  <box 60% round orange left |Mettre ici le titre de la boite>​Une boite orange alignée à gaucheà coins arrondis qui fait 60% de la largeur de la page, avec un titre</​box>​+
  
-Autres exemples sur ce lienhttp://wiki.jalakai.co.uk/dokuwiki/​doku.php/​test/​boxes+Tous les détails (en anglais) ici https://www.dokuwiki.org/plugin:​wrap ​.
guide/notice_du_wiki.txt · Dernière modification: 2019/09/04 19:53 par Opitux