Afficher la pageAnciennes révisionsLiens de retourHaut de page Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur. ====== wiki_info ====== <WRAP tip> DO YOUR TESTS ON THE [[guide:page_test|PAGE DE TESTS]] </WRAP> With a few exceptions, all wiki pages can be modified by members logged on to the site. Each modification is archived, and it is always possible to go back to a previous version in the event of an error or vandalism. ===== Basic use ===== On the right-hand side of each page, you will find this small image: {{::stylo.jpg?nolink&50|}} * Use the pencil to **modify the page**, see below * The clock displays **the list of changes** recently made to the current page * **Latest changes** (top right in the red navigation bar): for a list of recently modified pages {{::voir_les_changements.jpg?nolink&300|}} At the top right you will find the search function dedicated to the wiki. ==== To modify a page ==== * Click on "Modify this page", or on one of the small buttons {{::modifier-section-page.jpg?nolink&50|}} at the bottom right of each paragraph. * The source code is displayed with special characters such as '=' or '*' (see examples below), which are used to mark up the text for formatting. Use the toolbar at the top of the editing area to format the text, or add images, then click on 'Preview' to see the effect produced.{{ :guide:balises.png?nolink |}} * Once you are happy with the result, fill in the orange "Summary" field with the changes you have made and click "Save". {{::barre_outil.jpg?nolink&800|}} ==== To create a new page ==== <WRAP center round important 80%> Only registered members can create a page in the wiki. </WRAP> To create a new page, nothing could be simpler: just type the **title** you want to give to this page in the "Search" field at the bottom left and click Search. Appears: * the list of existing pages containing the words in the title you have chosen, * and the option of creating the page (if it doesn't already exist!): click on "**Create this page**" in the top left-hand corner. ==== Examples of layouts ==== DokuWiki accepts the following formatting: **bold**, //italic//, __underlined__ and ''fixed caster''. Of course, you can **__//''combine''//__** these layouts. The corresponding source code : DokuWiki accepts the following formatting: **bold**, //italic//, __underlined__ and ''fixed caster''. Of course, you can **__//''combine''//__** these layouts. ==== Pictures on the wiki ==== Please host them on the site to ensure their continuity. Use the "media manager" link {{::voir_les_changements.jpg?nolink&300|}} in the top menu \\ OR\\ The button {{::inserer-img.jpg?nolink&50|}} ====== Advanced use ====== Below you'll find all the tags and settings you can use to edit wiki pages. Feel free to use the [[page_test]] to practise. Below you will find examples of the text once published, followed by the text as entered in the source code (in a dotted box). ===== 1. Simple text editing ===== DokuWiki accepts the following formatting: **bold**, //italic//, __underlined__ and ''fixed caster''. Of course, you can **__//''combine''//__** these layouts. Of course, you can **__//''combine''//__** these layouts. DokuWiki accepts the following formatting: **bold**, //italic//, __underlined__ and ''fixed caster''. Of course, you can **__//''combine''//__** these layouts. You can also use <sub>indice</sub> and <sup>exposant</sup>. You can also use <sub>indice</sub> and <sup>exposant</sup>. **To create a paragraph**, simply insert a blank line. If you simply want to **insert a line break**, use two backslash (altgr + 8) followed by a space or line break. This is text with a **line break**.\\ Note that the double backslash is only recognised at the end of a line\\ or if it is followed by a space. This is text with a **line break**.\\ Note that the double backslash is only recognised at the end of a line\\ or if it is followed by a space. As a general rule, use this option sparingly. ==== Line feed after a floating element ==== Use the instruction below <WRAP clear></WRAP> ===== 2. Links ===== DokuWiki offers several options for creating a link. ==== External links ==== External links are automatically recognised : http://www.google.com or simply www.google.com - You can name your links : [[http://www.google.com|This link goes to Google]]. For email addresses: <oli_v_ier@yahoo.fr> is recognised. External links are automatically recognised : http://www.google.com or simply www.google.com - You can name your links : [[http://www.google.com|This link goes to Google]]. For email addresses: <oli_v_ier@yahoo.fr> is recognised. ==== Internal links ==== Internal links are those referring to other pages on this site. === Simple internal links === They are created by simply adding double square brackets around the page name. __Example__: a link to the "create a page" page: [[create a page]]. Here is the code used to create this link: <code>[[create a page]]</code> === Change the words in the link === If you want the words in the link to be different from the name of the page, simply add the "|" symbol and the words you want in the link. __Example__: Ce [[creer une page|lien]] leads to the "create a page" page. Code used : <code>Ce [[create a page|link]] leads to the "create a page".</code> Notes: * LLinks to [[:guide:wiki manual|existing pages]] appear differently from those pointing to the [[wiki:does not yet exist]]. === Links to the paragraph of a page === Links to a page paragraph are also possible. Add the name of the paragraph to the link using a pound sign "#". __Example__ to create a link to the "bizarre this system" paragraph on the "create a page" paragraph: [[create a page#bizarre this system|bizarre this system]]. Code used : <code>[[create a page#bizarre this system|bizarre this system]].</code> Notes: * When the title of a paragraph is changed, the links relating to that paragraph will no longer work, so it is best to avoid using them. ==== Interwiki ==== DokuWiki lets you create links [[doku>wiki:interwiki]]. These are quick links to other wikis. This link to Wikipedia's page on wikis: [[wp>Wiki]]. DokuWiki lets you create links [[doku>wiki:interwiki]]. These are quick links to other wikis. This link to Wikipedia's page on wikis: [[wp>Wiki]]. ==== Windows sharing ==== Network shares in Windows [[serveurpartage|fichier]] are recognised. These links are therefore reserved for a wiki application on an intranet or local network. Les partages réseau sous Windows [[serveurpartage|fichier]] sont reconnus. ==== Illustrated links ==== You can also illustrate your links with an image as follows: [[http://www.php.net|{{wiki:php-powered.png}}]] [[http://www.php.net|{{wiki:php-powered.png}}]] ===== 3. Notes ===== <WRAP center round important 80%> The plugin Wrap [[https://www.dokuwiki.org/plugin:wrap|plugin Wrap]] is used on the wiki. </WRAP> <WRAP center round info 80%> The following customisation options are available <code> <WRAP center round important 80%> </code> * **Left** / **center** / **right** => to align the block on the page left, centre or right * **Round** ou <del>rien</del> => for rounded or square corners * **group**, **box**, **info**, **top**, **important**, **help**, **download**, **todo** => for the type of block (contextualises the small icon and the colour of your block) * **80%** => for the width of your block in relation to the page </WRAP> ==== The different possible uses ==== With the Wrap plugin, you can add notes like these: === Put text in 2 columns === Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/column.png}}, to get : <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> With the following code : <code> <WRAP group> <WRAP half column> Text column 1 </WRAP> <WRAP half column> Text column 2 </WRAP> </WRAP> </code> === A simple note to attract attention ==== Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/box.png}}, to get : <WRAP center round box 80%> bloc simple </WRAP> With the following code : <code> <WRAP center round box 80%> bloc simple </WRAP> </code> === A note presenting information === Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/note/16/info.png}}, to get : <WRAP center round info 80%> bloc information </WRAP> With the following code : <code> <WRAP center round info 80%> bloc information </WRAP> </code> === A note to give you an idea, a tip === Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/note/16/tip.png}}, to get : <WRAP center round tip 80%> bloc astuce </WRAP> With the following code : <code> <WRAP center round tip 80%> bloc astuce </WRAP> </code> === A note to draw attention to something very important === Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/note/16/important.png}}, to get : <WRAP center round important 80%> bloc important </WRAP> With the following code : <code> <WRAP center round important 80%> bloc important </WRAP> </code> === A note to highlight help === Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/note/16/help.png}}, to get : <WRAP center round help 80%> bloc aide </WRAP> With the following code : <code> <WRAP center round help 80%> bloc aide </WRAP> </code> === A note to suggest a download === Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/note/16/download.png}}, to get : <WRAP center round download 80%> bloc téléchargement </WRAP> With the following code : <code> <WRAP center round download 80%> bloc téléchargement </WRAP> </code> === A note to draw attention to something you need to do === Use the buttons {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/note/16/todo.png}}, to get : <WRAP center round todo 80%> bloc à faire </WRAP> With the following code : <code> <WRAP center round todo 80%> bloc à faire </WRAP> </code> === Restore flow after a floating element === If you encounter a formatting problem after using a WRAP block, you need to restore the order of the flow (reposition your text to the bottom left) using the button{{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png}} then {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/clear.png}}, to obtain the following code : <code> <WRAP clear/> </code> === Text formatting === Finally, the WRAP plugin lets you format text. To do this, use the button {{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>particularly important</wrap> <wrap hi>important</wrap> <wrap lo>little important</wrap> with the following codes : <code> <wrap em>particulièrement important</wrap> <wrap hi>important</wrap> <wrap lo>peu important</wrap> </code> ===== 4. Note de bas de page ===== You can add footnotes ((This is a footnote)) using double brackets. You can add footnotes ((This is a footnote)) ===== 5. Sections ===== You can use up to 5 levels of hierarchy for the content of the wiki. If you have more than 3 chapters, a table of contents is generated automatically. -- This function can be deactivated using the following command ''<nowiki>~~NOTOC~~</nowiki>'' in the document. ==== level title 3 ==== === level title 4 === == level title 5 == ==== level title 3 ==== === level title 4 === == level title 5 == by using 4 dashes (key 6) you can insert a horizontal line: ---- ===== 6. Images and other files ===== <WRAP center alert 80%> Please use only your own images or images that are free of copyright. A certain amount of tolerance is applied to images of equipment taken from manufacturers' websites, but you may be asked to remove them at any time. </WRAP> <WRAP center important 80%> Be careful with the weight of your images, especially if they are uploaded to the 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... </WRAP> You can insert images as follows : **For images hosted on the site's server :** Full size: {{::logo-rouge.png?}} Resized in width (pixels) : {{:logo-rouge.png?direct&80|}}\\ Resized en L par H : {{:logo-rouge.png?direct&100x100|}} Pleine taille: {{::logo-rouge.png?}} Redimensionnée en largeur (pixels) : {{:logo-rouge.png?direct&80|}} Redimensionnée en L par H : {{:logo-rouge.png?direct&100x100|}} By using a space before or after the braces, you can align to the right, to the left, to simply centre, insert a space before and after : {{ ::logo-rouge.png?}} {{::logo-rouge.png? }} {{ ::logo-rouge.png? }} {{ ::logo-rouge.png?}} {{::logo-rouge.png? }} {{ ::logo-rouge.png? }} And, of course, you can add a caption, again following the same logic (which will be displayed as a tooltip by most browsers): {{ :logo-rouge.png?|Légende}}\\ {{ :logo-rouge.png? |Légende}} If you specify a link (external or internal) that is not an image (''gif,jpeg,png'') this will be displayed as a download link. By default, images can be clicked to display linked information. Adding ?nolink removes this link. {{:logo-rouge.png?nolink}} {{:logo-rouge.png?nolink}} ===== 7. List ===== Dokuwiki makes it easy to create ordered or unordered lists. To create a list, insert two spaces and add a ''*'' for unordered lists (points) or a ''-'' for ordered lists (1,2,3...). * Ceci est une liste * Deuxième item * Vous pouvez insérer des sous niveau avec deux espaces * Autre item - Même liste mais ordonnée - Autre item - Indentez de deux espace pour descendre d'un niveau - Et voilà <code> * Ceci est une liste * Deuxième item * Vous pouvez insérer des sous niveau avec deux espaces * Autre item - Même liste mais ordonnée - Autre item - Indentez de deux espace pour descendre d'un niveau - Et voilà </code> ===== 8. Emoticones ===== DokuWiki replaces the most commonly used emoticons with their graphical equivalents. Here is an overview of those available: * 8-) %% 8-) %% * 8-O %% 8-O %% * :-( %% :-( %% * :-) %% :-) %% * =) %% =) %% * :-/ %% :-/ %% * :- %% :- %% * :-? %% :-? %% * :-D %% :-D %% * :-P %% :-P %% * :-O %% :-O %% * :-X %% :-X %% * :-| %% :-| %% * ;-) %% ;-) %% * ^_^ %% ^_^ %% * :?: %% :?: %% * :!: %% :!: %% * LOL %% LOL %% * FIXME %% FIXME %% * DELETEME %% DELETEME %% ===== 9. Typography ===== DokuWiki can convert simple characters into their typographic equivalent. Here is an example of the characters recognised. -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..." <code> -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..." </code> ===== 10. Tables ===== DokuWiki offers a very simple syntax for creating tables using the "pipe" character (altgr+6). ^ Titre 1 ^ Titre 2 ^ Titre 3 ^ | Ligne 1 Colonne 1 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | | Ligne 2 Colonne 1 | Une fusion de ligne (notez le double pipe) || | Ligne 3 Colonne 1 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | Rows in a table must begin and end with a ''|'' pipe and with a ''^'' for headings. ^ Titre 1 ^ Titre 2 ^ Titre 3 ^ | Ligne 1 Colonne 1 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | | Ligne 2 Colonne 1 | Une fusion de ligne (notez le double pipe) || | Ligne 3 Colonne 1 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | To merge the cells horizontally, create an empty cell as above. Be careful to keep the right number of separators. Double entry tables are also possible, of course. | ^ Titre 1 ^ Titre 2 ^ ^ Titre 3 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | ^ Titre 4 | no colspan this time | | ^ Titre 5 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | As you can see, it is the cell separator that determines how the table is formatted: | ^ Titre 1 ^ Titre 2 ^ ^ Titre 3 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | ^ Titre 4 | no colspan this time | | ^ Titre 5 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | Note: columns cannot be merged. ===== 11. Gross items ===== You can include elements that will not be processed by the Wiki syntax processor by including two spaces at the beginning of the line or by using the ''code'' or ''file'' tag. <code> Ceci est un exemple de code <a href="http://www.km-fr.com">km-fr.com</a> </code> <code> <file> Vous pouvez utiliser cette balise pour faire réference à un fichier externe. </file> </code> To force the syntax processor to ignore a passage completely, use either the ''nowiki'' tag, ''<nowiki>%%</nowiki>''. <nowiki> Ceci est un passage qui n'est pas pris en compte par le processeur syntaxique http://www.splitbrain.org et **gras** auquel aucun formatage n'est appliqué. </nowiki> Cliquer sur éditer pour voir la syntaxe originale. ===== 12. Plugin WRAP ===== Le plugin [[https://www.dokuwiki.org/plugin:wrap|wrap]]has been installed, it is a very powerful page layout tool. The main functions can be accessed by clicking the {{http://www.randonner-leger.org/wiki/lib/plugins/wrap/images/toolbar/picker.png?nolink}} on the toolbar when editing a page. Full details (in English) here : https://www.dokuwiki.org/plugin:wrap .====== Notice du wiki ====== <WRAP tip> FAITES VOS TESTS SUR LA [[guide:page_test|PAGE DE TESTS]] </WRAP> Sauf exception, toutes les pages du wiki sont modifiables par les membres connectés au site. Chaque modification est archivée, il est toujours possible de revenir à une version antérieure en cas d'erreur ou de vandalisme. ===== Utilisation basique ===== A droite de chaque page, vous trouverez cette petite image : {{::stylo.jpg?nolink&50|}} * Le crayon pour permet de **modifier la page**, voir ci-dessous * L'horloge permet d'afficher **la liste des modifications** faites dernièrement sur la page en cours * **Derniers changements** (en haut à droite dans la barre de navigation rouge): pour avoir la liste des pages modifiées dernièrement {{::voir_les_changements.jpg?nolink&300|}} En haut à droite vous trouverez la fonction recherche dédiée au wiki. ==== Pour modifier une page ==== * Cliquez sur "Modifer cette page", ou sur un des petits boutons {{::modifier-section-page.jpg?nolink&50|}} 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 |}} * Une fois que le résultat vous convient, remplissez le champ orangé "Résumé" en indiquant les modifications apportées et cliquer sur "Enregistrer". {{::barre_outil.jpg?nolink&800|}} ==== Pour créer une page ==== <WRAP center round important 80%> Seuls les membres inscrits peuvent créer une page dans le wiki. </WRAP> Pour créer une nouvelle page, rien de plus simple: il suffit de taper le **titre** que l'on veut donner à cette page dans le champ "Rechercher" en bas à gauche et cliquer sur Rechercher. Apparaît alors: * la liste des pages déjà existantes qui contiennent les mots du titre que vous avez choisi, * et la possibilité de créer la page (si elle n'existe pas déjà !): cliquez sur "**Créer cette page**" en haut à gauche. ==== Exemples de mises en forme ==== DokuWiki accepte les mises en forme suivantes : **gras**, //italique//, __souligné__ et ''chasse fixe''. Bien sûr, vous pouvez **__//''combiner''//__** ces mises en formes. Le code source correspondant: DokuWiki accepte les mises en forme suivantes : **gras**, //italique//, __souligné__ et ''chasse fixe''. 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 " gestionnaire de média " {{::voir_les_changements.jpg?nolink&300|}} dans le menu du haut \\ OU\\ Le bouton {{::inserer-img.jpg?nolink&50|}} ====== Utilisation avancée ====== Vous trouverez ci-dessous l'ensemble des balises et des paramétrages que vous pouvez utiliser pour l'édition des pages du wiki. N'hésitez pas à utiliser la [[page_test]] pour vous exercer. Ci dessous vous trouverez des exemples du texte une fois publié, suivi de celui-ci tel qu'il a été saisi dans le code source (dans un encadré pointillé). ===== 1. Edition simple de texte ===== DokuWiki accepte les mises en forme suivantes : **gras**, //italique//, __souligné__ et ''chasse fixe''. Bien sûr, vous pouvez **__//''combiner''//__** ces mises en formes. DokuWiki accepte les mises en forme suivantes : **gras**, //italique//, __souligné__ et ''chasse fixe''. Bien sûr, vous pouvez **__//''combiner''//__** ces mises en formes. Vous pouvez aussi utiliser <sub>indice</sub> et <sup>exposant</sup>. Vous pouvez aussi utiliser <sub>indice</sub> et <sup>exposant</sup>. **Pour créer un paragraphe**, il vous suffit d'insérer une ligne vide. Si vous voulez simplement **insérer un retour à la ligne**, utilisez deux backslash (altgr + 8) suivi d'un espace ou d'un retour à la ligne. Ceci est un texte avec **un retour à la ligne**.\\ Noter que le double backslash n'est reconnu qu'à la fin d'une ligne\\ ou s'il est suivi par un espace . Ceci est un texte avec un **retour à la ligne**.\\ Noter que le double backslash n'est reconnu qu'à la fin d'une ligne\\ ou s'il est suivi par un espace . D'une manière générale, utilisez cette option avec parcimonie. ==== Retour à la ligne après un élément flottant ==== Utilisez l'instruction ci-dessous <WRAP clear></WRAP> ===== 2. Liens ===== DokuWiki permet plusieurs options pour créer un lien. ==== Liens externes ==== Les liens externes sont reconnus automatiquement : http://www.google.com ou simplement www.google.com - Vous pouvez nommer vos liens : [[http://www.google.com|Ce lien pointe vers Google]]. Pour les adresses email: <oli_v_ier@yahoo.fr> est reconnu. Les liens externe sont reconnus automatiquement : http://www.google.com ou simplement www.google.com - Vous pouvez nommer vos liens : [[http://www.google.com|Ce lien pointe vers Google]]. Pour les adresses email: <oli_v_ier@yahoo.fr> est reconnu. ==== Liens internes ==== Les liens internes sont ceux renvoyant à d'autres pages de ce site. === Les liens internes simples === Ils sont créés simplement rajoutant des doubles crochets autour du nom de la page. __Exemple__: un lien vers la page nommée "creer une page": [[creer une page]]. Voici le code utilisé pour créer ce lien: <code>[[creer une page]]</code> === Changer les mots du lien === Si l'on veut que les mots du lien soient différents du nom de la page, il suffit de rajouter le symbole "|" et les mots voulus pour le lien. __Exemple__: Ce [[creer une page|lien]] mène vers la page "creer une page". Code utilisé : <code>Ce [[creer une page|lien]] mène vers la page "creer une page".</code> Notes: * Les liens vers [[:guide:notice du wiki|des pages existantes]] apparaissent différemment de ceux pointant vers celles [[wiki:n'existant pas encore]]. === Les liens vers le paragraphe d une page === Les liens vers le paragraphe d'une page sont également possibles. Ajouter le nom du paragraphe au lien à l'aide d'un dièse "#". __Exemple__ pour créer un lien vers le paragraphe "bizarre ce systeme" de la page "creer une page": [[creer une page#bizarre ce systeme|bizarre ce systeme]]. Code utilisé : <code>[[creer une page#bizarre ce systeme|bizarre ce systeme]].</code> Notes: * Quand le titre d'un paragraphe est modifié, les liens relatifs à cet paragraphe ne fonctionneront plus, il est donc préférable d'éviter d'y recourir. ==== Interwiki ==== DokuWiki permet de créer les liens [[doku>wiki:interwiki]]. Ils s'agit de liens rapides vers d'autres wikis. Ce lien vers la page de Wikipedia sur les wikis: [[wp>Wiki]]. DokuWiki permet de créer les liens [[doku>wiki:interwiki]]. Ils s'agit de liens rapides vers d'autres wikis. Ce lien vers la page de Wikipedia sur les wikis: [[wp>Wiki]]. ==== Partage Windows ==== Les partages réseau sous Windows [[serveurpartage|fichier]] sont reconnus. Ces liens sont donc réservés à une application wiki sur un intranet ou un réseau local. Les partages réseau sous Windows [[serveurpartage|fichier]] sont reconnus. ==== Liens illustrés ==== Vous pouvez également illustrer vos liens par une image de la manière suivante : [[http://www.php.net|{{wiki:php-powered.png}}]] [[http://www.php.net|{{wiki:php-powered.png}}]] ===== 3. Notes ===== <WRAP center round important 80%> Le plugin Wrap [[https://www.dokuwiki.org/plugin:wrap|plugin Wrap]] est utilisé sur le wiki. </WRAP> <WRAP center round info 80%> 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> ==== Les différentes utilisations possibles ==== Avec le plugin Wrap, vous pouvez ajouter des notes telles que celles-ci: === Mettre un texte sur 2 colonnes === 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 ===== Vous pouvez ajouter des notes de bas de page ((Ceci est une note de bas de page)) en utilisant la double parenthèse. Vous pouvez ajouter des notes de bas de page ((Ceci est une note de bas de page)) ===== 5. Sections ===== Vous pouvez utiliser jusqu'à 5 niveaux de hiérarchisation pour le contenu du wiki. Si vous avez plus de 3 chapitres, une table des matière est générée automatiquement -- Cette fonction peut être désactivée en utilisant la commande suivante ''<nowiki>~~NOTOC~~</nowiki>'' dans le document. ==== Titre de niveau 3 ==== === Titre de niveau 4 === == Titre de niveau 5 == ==== Titre de niveau 3 ==== === Titre de niveau 4 === == Titre de niveau 5 == en utilisant 4 tirets (touche 6) vous pouvez insérer une ligne horizontale: ---- ===== 6. Images et autres fichiers ===== <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> <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... </WRAP> Vous pouvez insérer des images de la manière suivante : **Pour des images hébergées sur le serveur du site :** Pleine taille: {{::logo-rouge.png?}} Redimensionnée en largeur (pixels) : {{:logo-rouge.png?direct&80|}}\\ Redimensionnée en L par H : {{:logo-rouge.png?direct&100x100|}} Pleine taille: {{::logo-rouge.png?}} Redimensionnée en largeur (pixels) : {{:logo-rouge.png?direct&80|}} Redimensionnée en L par H : {{:logo-rouge.png?direct&100x100|}} En utilisant un espace avant ou après les accolades, vous pouvez aligner à droite, à gauche, pour centrer simplement, insérer un espace avant et après : {{ ::logo-rouge.png?}} {{::logo-rouge.png? }} {{ ::logo-rouge.png? }} {{ ::logo-rouge.png?}} {{::logo-rouge.png? }} {{ ::logo-rouge.png? }} Et bien sûr, vous pouvez ajouter une légende, toujours selon la même logique (qui sera affichée comme infobulle par la plupart des navigateurs): {{ :logo-rouge.png?|Légende}}\\ {{ :logo-rouge.png? |Légende}} Si vous spécifiez un lien (externe ou interne) qui n'est pas une image (''gif,jpeg,png'') celui-ci sera affiché comme un lien de téléchargement. Par défaut, les images sont cliquables pour afficher les informations liées. En ajoutant ?nolink on supprime ce lien. {{:logo-rouge.png?nolink}} {{:logo-rouge.png?nolink}} ===== 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 listes ordonnées (1,2,3...). * Ceci est une liste * Deuxième item * Vous pouvez insérer des sous niveau avec deux espaces * Autre item - Même liste mais ordonnée - Autre item - Indentez de deux espace pour descendre d'un niveau - Et voilà <code> * Ceci est une liste * Deuxième item * Vous pouvez insérer des sous niveau avec deux espaces * Autre item - Même liste mais ordonnée - Autre item - Indentez de deux espace pour descendre d'un niveau - Et voilà </code> ===== 8. Emoticones ===== DokuWiki remplace les emoticones les plus utilisées par leur équivalent graphique. Voici un aperçu de ceux disponibles : * 8-) %% 8-) %% * 8-O %% 8-O %% * :-( %% :-( %% * :-) %% :-) %% * =) %% =) %% * :-/ %% :-/ %% * :- %% :- %% * :-? %% :-? %% * :-D %% :-D %% * :-P %% :-P %% * :-O %% :-O %% * :-X %% :-X %% * :-| %% :-| %% * ;-) %% ;-) %% * ^_^ %% ^_^ %% * :?: %% :?: %% * :!: %% :!: %% * LOL %% LOL %% * FIXME %% FIXME %% * DELETEME %% DELETEME %% ===== 9. Typographie ===== DokuWiki Peut convertir des caractères simple en leur équivalent typographique. Voici un exemple des caractères reconnus. -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..." <code> -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..." </code> ===== 10. Tableaux ===== DokuWiki offre une syntaxe très simple pour créer des tableaux grâce au caractère "pipe" (altgr+6). ^ Titre 1 ^ Titre 2 ^ Titre 3 ^ | Ligne 1 Colonne 1 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | | Ligne 2 Colonne 1 | Une fusion de ligne (notez le double pipe) || | Ligne 3 Colonne 1 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | Les lignes d'un tableau doivent commencer et finir par un pipe ''|'' et par un ''^'' pour les titres. ^ Titre 1 ^ Titre 2 ^ Titre 3 ^ | Ligne 1 Colonne 1 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | | Ligne 2 Colonne 1 | Une fusion de ligne (notez le double pipe) || | Ligne 3 Colonne 1 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | 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. | ^ Titre 1 ^ Titre 2 ^ ^ Titre 3 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | ^ Titre 4 | no colspan this time | | ^ Titre 5 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | Comme vous pouvez le remarquer, c'est le séparateur de la cellule qui conditionne le formatage du tableau : | ^ Titre 1 ^ Titre 2 ^ ^ Titre 3 | Ligne 1 Colonne 2 | Ligne 1 Colonne 3 | ^ Titre 4 | no colspan this time | | ^ Titre 5 | Ligne 2 Colonne 2 | Ligne 2 Colonne 3 | Note : la fusion de colonnes n'est pas possible. ===== 11. Eléments bruts ===== Vous pouvez inclure des éléments qui ne seront pas traité par le processeur syntaxique du Wiki en incluant deux espaces en début de ligne ou en utilisant la balise ''code'' ou ''file''. <code> Ceci est un exemple de code <a href="http://www.km-fr.com">km-fr.com</a> </code> <code> <file> Vous pouvez utiliser cette balise pour faire réference à un fichier externe. </file> </code> Pour forcer le processeur syntaxique à ignorer complètement un passage, utiliser soit la balise ''nowiki'', ''<nowiki>%%</nowiki>''. <nowiki> Ceci est un passage qui n'est pas pris en compte par le processeur syntaxique http://www.splitbrain.org et **gras** auquel aucun formatage n'est appliqué. </nowiki> Cliquer sur éditer pour voir la syntaxe originale. ===== 12. Plugin WRAP ===== Le plugin [[https://www.dokuwiki.org/plugin:wrap|wrap]] a été installé, c'est un outil de mise en page très puissant. 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. Tous les détails (en anglais) ici : https://www.dokuwiki.org/plugin:wrap . en/wiki_info.txt Dernière modification : 2023/10/27 11:26de lideelle