m (→Importer ses images) |
m (→Quelques astuces et FAQ) |
||
(8 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
+ | <noinclude>{{Trad|DE=Hilfe/Tutorial Bilder|FR=SOS/Tuto images|palette=wiki|H=1}}</noinclude> | ||
Pour les apprentis bureaucrates, voici un petit tutoriel pas à pas, qui va montrer comment gérer les images. | Pour les apprentis bureaucrates, voici un petit tutoriel pas à pas, qui va montrer comment gérer les images. | ||
Ligne 35 : | Ligne 36 : | ||
===Quelques astuces et FAQ=== | ===Quelques astuces et FAQ=== | ||
* Si l'image déborde sur du texte dessous, ajouter '''<nowiki>{{clear}}</nowiki>''' sous l'image. | * Si l'image déborde sur du texte dessous, ajouter '''<nowiki>{{clear}}</nowiki>''' sous l'image. | ||
− | * [[Fichier:Wiki edit rech remplace.png|thumb|Rechercher et Remplacer: à droite dans Avancé)]]'''Rechercher et Remplacer''': vérifier que Avancé est déployé et c'est à l’extrême droite. Vers | + | * [[Fichier:Wiki edit rech remplace.png|thumb|Rechercher et Remplacer: à droite dans Avancé)]]'''Rechercher et Remplacer''': vérifier que Avancé est déployé et c'est à l’extrême droite. Vers [[Chercher et trouver|astuces de recherche]] sur le wiki. |
* sur de grandes images, on voit parfois diverses résolutions (le serveur a créé 2 versions, de tailles en pixel différentes). [https://atys.wiki.ryzom.com/wiki/File:AP_Arri%C3%A8re_Pays.png En voici un exemple] '''Size of this preview: [https://atys.wiki.ryzom.com/images/thumb/a/ad/AP_Arri%C3%A8re_Pays.png/800px-AP_Arri%C3%A8re_Pays.png 800 × 450 pixels]. Other resolutions: [https://atys.wiki.ryzom.com/images/thumb/a/ad/AP_Arri%C3%A8re_Pays.png/320px-AP_Arri%C3%A8re_Pays.png 320 × 180 pixels] | [https://atys.wiki.ryzom.com/images/a/ad/AP_Arri%C3%A8re_Pays.png 1,600 × 900 pixels].''' | * sur de grandes images, on voit parfois diverses résolutions (le serveur a créé 2 versions, de tailles en pixel différentes). [https://atys.wiki.ryzom.com/wiki/File:AP_Arri%C3%A8re_Pays.png En voici un exemple] '''Size of this preview: [https://atys.wiki.ryzom.com/images/thumb/a/ad/AP_Arri%C3%A8re_Pays.png/800px-AP_Arri%C3%A8re_Pays.png 800 × 450 pixels]. Other resolutions: [https://atys.wiki.ryzom.com/images/thumb/a/ad/AP_Arri%C3%A8re_Pays.png/320px-AP_Arri%C3%A8re_Pays.png 320 × 180 pixels] | [https://atys.wiki.ryzom.com/images/a/ad/AP_Arri%C3%A8re_Pays.png 1,600 × 900 pixels].''' | ||
* liens et image <ref>Source : https://www.mediawiki.org/wiki/Help:Images#Link_behavior</ref> | * liens et image <ref>Source : https://www.mediawiki.org/wiki/Help:Images#Link_behavior</ref> | ||
Ligne 41 : | Ligne 42 : | ||
**Alors que pour faire un lien vers une image [[:Fichier:Atysmap.jpg|voir en grand]], il faut préfixer par un : avant Fichier comme ici: <nowiki>[[:Fichier:Atysmap.jpg|voir en grand]]</nowiki> | **Alors que pour faire un lien vers une image [[:Fichier:Atysmap.jpg|voir en grand]], il faut préfixer par un : avant Fichier comme ici: <nowiki>[[:Fichier:Atysmap.jpg|voir en grand]]</nowiki> | ||
**Depuis sa page (wiki fr), on peux facilement ajouter un lien vers une category de common: | **Depuis sa page (wiki fr), on peux facilement ajouter un lien vers une category de common: | ||
− | *** avec du texte: <nowiki>[ | + | *** avec du texte: <nowiki>[[:atys:Category:Wiki|Toutes les images taguées '''wiki''']]</nowiki> donne [[:atys:Category:Wiki|Toutes les images taguées '''wiki''']] |
*** sur une image [[file:Atysmap.jpg|50px|link=https://atys.wiki.ryzom.com/wiki/Category:Map_images|Toutes les images de cartes]] [[file:Doro baths in Beer.png|40px|link=https://atys.wiki.ryzom.com/wiki/Category:Homins_images|Toutes les images d'Homins]] [[file:26CeremonialElegance.jpg|50px|link=Category:Tattoo images|Toutes les images de tatouages]] | *** sur une image [[file:Atysmap.jpg|50px|link=https://atys.wiki.ryzom.com/wiki/Category:Map_images|Toutes les images de cartes]] [[file:Doro baths in Beer.png|40px|link=https://atys.wiki.ryzom.com/wiki/Category:Homins_images|Toutes les images d'Homins]] [[file:26CeremonialElegance.jpg|50px|link=Category:Tattoo images|Toutes les images de tatouages]] | ||
− | *** imagemap fonctionne, [[Carte d'Atys|en voici quelques exemples]]. | + | *** imagemap fonctionne, [[Carte d'Atys|en voici quelques exemples]]. Un [http://maschek.hu/imagemap/imgmap/ outil on-line pour en faire]. |
+ | * Afficher une image à partir d'une adresse internet (image hébergée sur un autre site web) ? Utiliser du html:<br /> | ||
+ | :'''<nowiki><img src="https://app.ryzom.com/.../favicon.png" width="32" ></nowiki>''' | ||
* Pas de table des matières ? ajoute quelques sous-titres: soit avec la barre d'outil (liste déroulante '''Titre''' - si on ne la voit pas, cliquer sur '''Avancé''' à gauche de Caractères spéciaux), soit en utilisant <nowiki>==Un titre de Niveau 2== </nowiki>, <nowiki> ===Un titre de Niveau 3===</nowiki>... | * Pas de table des matières ? ajoute quelques sous-titres: soit avec la barre d'outil (liste déroulante '''Titre''' - si on ne la voit pas, cliquer sur '''Avancé''' à gauche de Caractères spéciaux), soit en utilisant <nowiki>==Un titre de Niveau 2== </nowiki>, <nowiki> ===Un titre de Niveau 3===</nowiki>... | ||
Ligne 50 : | Ligne 53 : | ||
* Seau Lore: blanc (en cours de validation) | * Seau Lore: blanc (en cours de validation) | ||
+ | |||
+ | * Des icônes du jeu sont récupérables via l'api, avec le [[:en:Template:APIitemIcon|modèle APIitemIcon]], les codes (dans l'exemple: icmm2ms.sitem) étant à https://github.com/nimetu/ryzom_extra - '''plus à [[:en:Ryzom API/Item sheetids]]'''. | ||
+ | Par exemple: | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | ! Le code !! affiche | ||
+ | |- | ||
+ | | <nowiki>{{APIitemIcon|sheetid=icmm2ms.sitem}}</nowiki> || {{APIitemIcon|sheetid=icmm2ms.sitem}} | ||
+ | |- | ||
+ | | on peut même changer la quantité <br /><nowiki>{{APIitemIcon|sheetid=teddyubo.sitem|q=2}}</nowiki> || {{APIitemIcon|sheetid=teddyubo.sitem|q=2}} | ||
+ | |} | ||
+ | :Note: ne fonctionne pas avec gallery. APIitemIcon a été pensé pour utiliser dans des tableaux ? | ||
=== avec la barre d'outil=== | === avec la barre d'outil=== |
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
Mettons que j'ai vu sur une page du wiki, ici BarreOutilsW, une image que je souhaite ajouter sur ma page.
Regarde le code qui permet d'afficher correctement Atys en petite puce:
Par exemple:
Le code | affiche |
---|---|
{{APIitemIcon|sheetid=icmm2ms.sitem}} | |
on peut même changer la quantité {{APIitemIcon|sheetid=teddyubo.sitem|q=2}} |
Un seul fichier (dans du texte):
Juste après l’icône "Liens" se trouve "Fichier inséré" (en 4e position), 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) :
(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"). 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 :
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
En cliquant sur ce more info je vois l'image depuis le wiki FR (https://fr.wiki.ryzom.com/wiki/Fichier:Barreswiki.png)
Sur cette image (ci-dessus), on voit:
Optionnel: Descriptions locales et partagées
Plutôt à portée pédagogique, 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 compliqué et source d'erreur !
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
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).
Donc, je dois pense à catégoriser mon image (une 2e fois, car les mots clefs et l'organisation des catégories ne sont pas les même) avec le code [[Catégorie:]] (et non category), que je choisis dans les catégories du wiki Français (ou anglais, allemand, espagnol...).
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:
On voit que:
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).
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:
Enfin, il est plus pratique de commencer par identifier les catégories (mot-clef Category sur Commons) qu'on va indiquer pour chaque image. 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. Une image doit avoir au moins une Category, ou plusieurs categories (au pire, merci d'ajouter au minimum dans le Summary [[Category:Images]]).
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 [4], on identifie ici
Ainsi, mon fichier note.txt pour Yubokin_en_guilde.jpg ressemblerait à
Partie COMMON Boss hunt on Silan, screenshot, Scène de chasse, Nom de la Guilde, Date: 2019_05, Silan, Roi, Yubokin. [[Category:Boss images]] [[Category:Screenshots]] Notes: [[Category:Images]]ou [[Category:User work]] à utiliser si l'on ne trouve pas mieux et [[Category:Homins images]] pour les portraits Partie FR centré: [[Fichier:uneimage.png|vignette|centré|légende]] à droite: [[Fichier:image.png|vignette]] [[file:Dummy.png|15px]] mes puces persos et {{clear}} si déborde
Ainsi, si je dois envoyer 10 images, je vais limiter mes erreurs, en collant (texte et catégories) vers le Summary de Common.
On est sur une page du wiki (FR ou autre, ces menus déroulants sont partout), pour importer le premier fichier, soit:
Astuce: faire non un clic gauche sur importer un fichier, mais un clic droit pour ouvrir dans un autre onglet ou une autre fenêtre. On aura ainsi dans une fenêtre son texte en mode édition, dans l'autre sa liste d'images pour y récupérer le nom des fichiers.
En pratique:
En cliquant sur Importer un fichier, 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
On voit le résultat : on est sur Common (et non plus sur le wiki FR, donc on doit retrouver sa page si l'on n'a pas plusieurs fenêtres ou onglets dans son navigateur pour aller la placer dans son contenu).
De plus:
Bon, on a déjà bien avancé...
Attention (plus à Catégorisation/aide)
Pour créer une catégorie dans common qui servira à regrouper un ensemble d'images (dans common uniquement):
Voici un petit modèle type:
{{CategoryDescription
|en=This category collects user images!
|de=Diese Kategorie sammelt Benutzerbilder!
|fr=Cette catégorie regroupe les images des utilisateurs du wiki.
|es=
}} [[Category:User images]]
Voici un exemple d'erreur ne pas faire... et que je ne sais pas résoudre...
Un autre exemple: Heernis a traduit (une BD d'Arily, 2008) vers l'Allemand.
Sur ce wiki:
Sur le forum, un post de Fyrosfreddy en anglais, qui explique comment ajouter une image dans le forum https://app.ryzom.com/app_forum/index.php?page=topic/view/30223