Différences

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

--- guide:notice_du_wiki [2013/06/05 13:35]
oli_v_ier
+++ guide:notice_du_wiki [2019/09/04 19:53] (Version actuelle)
Opitux coquille
@@ Ligne 1: / Ligne 1: @@
 ====== 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.
@@ Ligne 7: / Ligne 10: @@
 ===== Utilisation basique =====
-En haut et bas de page, vous trouverez les 2 liens suivants: {{:guide:editer3.png?nolink|}}
+A droite de chaque page, vous trouverez cette petite image :
+{{:guide:editer4.png?nolink|}}
-  * **Modifier cette page**: pour modifier la page, voir ci-dessous
+  * Le crayon pour permet de **modifier la page**, voir ci-dessous
-  * **Anciennes révisions**: permet d'afficher la liste des modifications faites dernièrement sur la page en cours
+  * L'horloge permet d'afficher **la liste des modifications** faites dernièrement sur la page en cours
-  * **Derniers changements** (en haut à droite): pour avoir la liste des pages modifiées dernièrement
+  * **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 haut à droite vous trouverez la fonction recherche dédiée au wiki.
 ==== Pour modifier une page ====
@@ Ligne 22: / Ligne 27: @@
   * 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 |}}
+==== 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 ====
@@ Ligne 36: / Ligne 45: @@
 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 ======
@@ Ligne 80: / Ligne 78: @@
 Utilisez l'instruction ci-dessous
-<WRAP clear></WRAP>
+  <WRAP clear></WRAP>
 ===== 2. Liens =====
@@ Ligne 148: / Ligne 147: @@
 ===== 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.</note> donne:
+<WRAP center round info 80%>
-<note>Une note toute simple pour attirer l'attention: on utilise <code><note> texte </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 =====
@@ Ligne 188: / Ligne 365: @@
 ===== 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 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 :
@@ Ligne 326: / Ligne 506: @@
   | 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 above. Be 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 a double entrée sont aussi bien sûr possibles.
+Les tableaux à double entrée sont aussi bien sûr possibles.
 |              ^ Titre 1            ^ Titre 2          ^
@@ Ligne 369: / Ligne 549: @@
-===== 13. Boites colorées =====
+===== 12. Plugin 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'outils, lors 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 lien: http://wiki.jalakai.co.uk/dokuwiki/doku.php/test/boxes
+Tous les détails (en anglais) ici : https://www.dokuwiki.org/plugin:wrap .

Randonner leger ou ultra-léger

Outils du site

Différences

Outils de la page