Pour les apprentis bureaucrates, voici un petit tutoriel pas à pas, qui va montrer comment gérer les images.

Objectif: Il s'agit de créer une gallerie d'images qui présente les cadeaux gagnés à la Roue de la Fortune. La page existe en FR et en EN (voir Roue de la Fortune), il y a plusieurs images à importer, de plus, on va créer une catégorie pour regrouper ces images dans Common (le wiki qui héberge toutes les images, pour les wiki (en langues FR, EN, ES, DE, RU...).

En gros, on va détailler sur des exemples concrets, mais on va commencer par plus simple (qui apportera des informations utiles pour la suite).

1. Cas simple en introduction: j'ai trouvé sur le wiki une image, je veux la mettre en forme sur une page du wiki FR.

2. Cas usuel: je souhaite ajouter des images qui ne sont que sur mon PC.

3. Avancé: création d'une sous-catégorie pour regrouper les images dans Common

Sommaire

1. mettre en forme une image

Mettons que j'ai vu sur une page du wiki, ici BarreOutilsW, une image
Barreswiki.png
que je souhaite ajouter sur une autre page, ici Utilisatrice:Craftjenn/NotesCJ.

Le plus simple est

  1. repérer un titre et du texte aux alentours,
  2. d'entrer en mode édition de BarreOutilsW (Modifier) et aller dans la zone repérée à la recherche du code ressemblant à [[Fichier:Barreswiki.png|vignette|machin]] [1] pour la copier (CTRL+C)
  3. Modifier Utilisatrice:Craftjenn/NotesCJ pour coller le code (CTRL+V)
  4. Prévisualiser (en bas de page) pour vérifier la position et mise en forme.

Quelques astuces

avec la barre d'outil

Un seul fichier (dans du texte):

En mode d'édition d'une page, voici la barre d'outil d'édition du wiki, montrant Avancé

Juste après l’icône "Liens" se trouve "Fichier inséré", qui ouvre cette fenêtre, bien mal nommée (pour ceux qui préfèrent une interface graphique, bien que comprendre le code wiki est assez facile et indispensable à tout bureaucrate consciencieux) :

La fenêtre qui apparaît après avoir cliqué "Fichier inséré", permet d'ajouter facilement une image déjà hébergée sur le wiki

(le bouton Télécharger semble ne pas fonctionner chez moi - dixit CraftJenn)

L'image a été envoyée (et on ne voit plus les instructions pour l'aide à l'insertion... MDR). Or, il faut maintenant l'insérer dans le code wiki. CraftJenn a toujours un onglet d'ouvert sur https://atys.wiki.ryzom.com/wiki/Special:Upload (URL obtenue via Ryzom Commons et Importer un fichier").

Code wiki d'ajout d'une image dans un contenu : voir Guide_de_rédaction_2018#Ajouter_une_image. Plus à Wikipedia.


Plusieurs fichiers dans une galerie

Si l'on a plusieurs images, on peux utiliser la "galerie de fichiers" (sur la barre d'outil en mode édition du wiki, l’icône juste à droite de "Insérer", voir image ci dessous). Cela facilite la lecture/modification du code wiki, car ajoute des balises gallery ; ainsi, chaque image sera sur une ligne (dans le code wiki), avec une syntaxe simple : nomdufichier.jpg la "barre verticale" (AltGr+6) et une description :


Un peu de navigation

Sur le wiki français

Si je clique sur cette image, une pop up s'ouvre (la page reste visible dans le fond, avec un effet transparent), montrant un apercu de l'image et dessous, la légende est suivie d'un lien bleu en gras more info

sur la page du wiki FR, si clic sur une image

En cliquant sur ce more info je vois l'image depuis le wiki FR (https://fr.wiki.ryzom.com/wiki/Fichier:Barreswiki.png)

On va ajouter une description locale (au wiki FR)

Sur cette image (ci-dessus), on voit:

Descriptions locales et partagées : Optionnel (à portée pédagogique [2]).
On va ajouter une description locale (cliquer sur Ajouter une description locale) qui viendra s'afficher sous l'apercu et au-dessus de Historique du Fichier. Ces onglets d'images vont alors se changer pour

wiki FR: notion de description locale et de dépot partagé

Je suis bien sur le wiki FR (l'adresse URL commence par https://fr.wiki.ryzom.com et sous le menu Ryzom commons les 3 entrées sont bien en Français: Répertoire d'image et Importer un fichier).

le wiki Common

Pour rappel:

Sur mon image que je viens tout juste d'importer, si je clique sur Voir sur un dépot partagé je quitte le wiki FR, et suis sur le wiki Common:

la même image, mais vu depuis l'interface du wiki Common

On voit que:

2. ajouter une image

Tu as fait un beau lucio d'une scène de chasse, et souhaite montrer ce roi sur une page? Il te faut d'abord vérifier qu'elle est bien cadrée, lisible... Puis l'envoyer sur le serveur, pour finir par ajouter le bon code sur la page voulue (ou les pages).

Préparer ses images

Pour importer une image qui est sur ta machine :


Je crée un dossier, j'y mets toutes mes images. Et j'y crée un fichier note.txt qui comportera les codes que j'utilise fréquemment, avec 2 grands titres "Common" et "Wiki FR" (pour mes codes d'insertion d'image préférées, et adresses des pages que j'utilise souvent).

Types de fichiers acceptés:


choix des category pour les images

Enfin, il est plus pratique de commencer par identifier les catégories qu'on va indiquer pour chaque image. Et souvent, une bonne partie du texte descriptif se retrouvera sur toutes les images (comme la date, l'auteur, sujet...), alors autant faire du copier coller.

Idée: si à la place de "Categorize! Add you file to a category using [[Category:DesiredCategory]] or consult this page for help! " (sur https://atys.wiki.ryzom.com/wiki/Special:Upload qui a un lien vers une page d'aide wikimedia générale, qui n'a aucun rapport avec les catégories de common) on avait plutôt un lien vers https://atys.wiki.ryzom.com/wiki/Main_Page ca serait mieux :p

Pour classer cette scène de chasse, on pourrait hésiter entre diverses catégories. En surfant dans les catégories, on identifie ici

Ainsi, mon fichier note.txt pour Yubokin_en_guilde.jpg ressemblerait à 

Partie COMMON

Scène de chasse, Yubokin, Nom de la Guilde, Date: 2019_05, Silan. Boss hunt on Silan [[Category:Boss images]] [[Category:Screenshots]]
[[Category:Images]] à utiliser si l'on ne trouve pas mieux

Partie FR

centré: [[Fichier:uneimage.png|vignette|centré|légende]]
à droite: [[Fichier:image.png|vignette]]

Ainsi, si je dois envoyer 10 images, je collerai "Boss hunt on Silan [[Category:Boss images]] [[Category:Screenshots]] Scène de chasse, Nom de la Guilde, Date: 2019_05, Silan, " avec d'ajouter à la fin "Yubokin" (puis coller ajout Bodokin etc) vers Summary de Common.

Importer ses images

On est sur une page du wiki FR, pour importer le premier fichier, soit:


On arrive sur cette page. Sur ce lucio, on a déjà cliqué sur Parcourir pour sélectionner l'image sur son PC, collé la description dans summary, il ne reste plus qu'a utiliser le bouton du bas Upload file

import d'un fichier

Si autre une image avec le même nom de fichier existe déjà, on verra:

message (et actions possible) en cas de doublon

Sinon, on voit le résultat - on est sur Common (et non plus sur le wiki FR).

Insertion de l'image

Soit en collant du code (ce qu'on finit toujours par faire) soit via 2 icônes, (en étant en mode édition d'une page/discussion du wiki).

avec la barre d'outil

Un seul fichier (dans du texte):

En mode d'édition d'une page, voici la barre d'outil d'édition du wiki, montrant Avancé

Juste après l’icône "Liens" se trouve "Fichier inséré", qui ouvre cette fenêtre, bien mal nommée (pour ceux qui préfèrent une interface graphique, bien que comprendre le code wiki est assez facile et indispensable à tout bureaucrate consciencieux) :

La fenêtre qui apparaît après avoir cliqué "Fichier inséré", permet d'ajouter facilement une image déjà hébergée sur le wiki

(le bouton Télécharger semble ne pas fonctionner chez moi - dixit CraftJenn)

L'image a été envoyée (et on ne voit plus les instructions pour l'aide à l'insertion... MDR). Or, il faut maintenant l'insérer dans le code wiki. CraftJenn a toujours un onglet d'ouvert sur https://atys.wiki.ryzom.com/wiki/Special:Upload (URL obtenue via Ryzom Commons et Importer un fichier").

Code wiki d'ajout d'une image dans un contenu : voir Guide_de_rédaction_2018#Ajouter_une_image. Plus à Wikipedia.


Plusieurs fichiers dans une galerie

Si l'on a plusieurs images, on peux utiliser la "galerie de fichiers" (sur la barre d'outil en mode édition du wiki, l’icône juste à droite de "Insérer", voir image ci dessous). Cela facilite la lecture/modification du code wiki, car ajoute des balises gallery ; ainsi, chaque image sera sur une ligne (dans le code wiki), avec une syntaxe simple : nomdufichier.jpg la "barre verticale" (AltGr+6) et une description :

3. Les catégories dans Common et création

SOS/Catégoriser une image

Voici un exemple d'erreur ne pas faire... et que je ne sais pas résoudre...

  1. A l'import de l'image, l'utilisatrice a écrit Catégorie et non Category (à la création de l'image dans common, elle a mis [[Catégorie:Wheel of fortune]] comme dans le wiki FR) alors qu'elle était sur le wiki Commun (et que je lui avait dit d'ajouter [[Category:Wheel of fortune]] vu que je venais de lui créer cette catégorie sur le Common).
  2. Après des explications de plusieurs minutes, elle a réussi à éditer le fichier pour corriger son erreur (1. aller dans le common depuis le FR, puis clic sur Edit)
  3. En bas de page (lieu où s'affichent les catégories) on voit bien que la correction a été prise en compte.
correction ok, le bas de page le confirme
Par contre, l'erreur reste affichée dans la section File history:
Wikiimg error1 2019-05.png

Notes et ref

Pour davantage d'exemples de syntaxe (et de mise en forme): Guide de rédaction/Galerie d'images.

Plus sur l'utilisation de la Barre d'outil (mode édition du wiki).

SOS/Catégoriser une image

Nous vous conseillons fortement, avant d'aller plus loin, de relire les Avertissements généraux d'EncyclopAtys, ainsi que http://atys.wiki.ryzom.com/wiki/Terms_of_Use.

Portail des arcanes d'Atys (X-files) Portail des arcanes d'Atys (X-files)
  1. ↑ [[Fichier:Barreswiki.png|vignette|machin]] pour une page du wiki Français, mais <nowiki>
    machin
    <nowiki> pour une page en anglais. Copier du code d'une page en FR vers une page en anglais ou l'inverse" va donc poser soucis pour bien des images.)
  2. ↑ car en fait je n'en vois pas bien l’intérêt... Gérer 2 sites différents qui ont des catégories différentes est déjà assez compliqué !
  3. ↑ Si l'on nomme correctement sur son PC les fichiers, cela sera plus facile par la suite (screenshot 2019_05-02.jpg étant bien moins parlant que Yubokin_en_guilde.jpg). Préfère le png (qui ne détruit pas l'image) au jpg, le gif n'ira pas pour une scène de chasse (gif écrase les aplats).
Récupérée de « https://fr.wiki.ryzom.com/w/index.php?title=SOS/Tuto_images&oldid=34922 »