Modification de Aide:Insérer une image (Éditeur visuel)
Sauter à la navigation
Sauter à la recherche
Attention : vous n’êtes pas connecté(e). Votre adresse IP sera visible de tout le monde si vous faites des modifications. Si vous vous connectez ou créez un compte, vos modifications seront attribuées à votre propre nom d’utilisateur(rice) et vous aurez d’autres avantages.
La précédente modification va être annulée. Veuillez vérifier les différences ci-dessous, puis publier l’annulation ci-dessous si c’est bien ce que vous voulez faire.
Version actuelle | Votre texte | ||
Ligne 1 : | Ligne 1 : | ||
{{En-tête Aide | {{En-tête Aide | ||
| ariane =Insérer une image, une référence, etc. | | ariane =Insérer une image, une référence, etc. | ||
− | | descriptif =Bien choisies et placées au bon endroit, les images permettent d'illustrer Wikipédia. Leur mise en page et leur légende sont des points importants qu'il convient de ne pas négliger. Cette page vous expliquera comment procéder.<br><br>La méthode qui suit utilise l' | + | | descriptif =Bien choisies et placées au bon endroit, les images permettent d'illustrer Wikipédia. Leur mise en page et leur légende sont des points importants qu'il convient de ne pas négliger. Cette page vous expliquera comment procéder.<br><br>La méthode qui suit utilise l'Éditeur visuel et permet de téléverser un fichier en même temps qu'on l'ajoute. |
| techno = EV | | techno = EV | ||
| technolien =Aide:Insérer une image (wikicode) | | technolien =Aide:Insérer une image (wikicode) | ||
| difficulté = | | difficulté = | ||
− | | avertissement = si vous ne savez pas comment vous servir de l'Éditeur visuel, rendez-vous sur [[Aide:Barre d'outils d'édition]]}} | + | | avertissement = si vous ne savez pas comment vous servir de l'Éditeur visuel, rendez-vous sur [[Aide:Barre d'outils d'édition]]]]}} |
− | [[Fichier:Exemple image.jpg|vignette | + | [[Fichier:Exemple image.jpg|vignette]] |
− | == | + | == Avant propos == |
− | + | Il existe trois cas d'insertions d'images (ou, plus globalement de Médias) : | |
− | [[ | + | * insérer une image '''dans le texte''', cas général détaillé ci-dessous |
+ | *insérer une image dans une « '''infobox''' », la boîte de résumé présente à droite du texte dans bien des pages, cas particulier [[#Cas particulier : insérer une image dans une infobox|détaillé ci-dessous]]. | ||
+ | * insérer une image dans une '''galerie d'images''', [[Aide:Galerie|détaillé sur une page séparée]]. | ||
− | == | + | == À retenir == |
− | + | {{Cadre page d'aide|image entête = VisualEditor.toolbar-fr.png|texte1 = À partir du menu « {{int:visualeditor-toolbar-insert}} » dans la barre d’outils, il est possible d'ajouter une image [[Aide:Importer une image|déjà importée sur Wikimedia Commons]] grâce à l'icône [[Fichier:OOjs UI icon image-ltr.svg|alt=Icône média de l'éditeur visuel.]] « {{int:visualeditor-dialogbutton-media-tooltip}} ».|image1 = VisualEditor - Media editing 1 - fr.png|taille image1 = 180}} | |
− | [[Fichier: | ||
− | + | == Insérer une image == | |
− | + | {{Cadre page d'aide|texte1 = Après avoir cliqué sur l’icône [[Fichier:OOjs UI icon image-ltr.svg|alt=Icône média de l'éditeur visuel.]] « {{int:visualeditor-dialogbutton-media-tooltip}} », une boîte de dialogue s’affiche afin que vous recherchiez une image hébergée sur notre médiathèque numérique [[commons:Accueil|Wikimedia Commons]] ; utilisez le champ de recherche. Vous pouvez utiliser les images présentes sur Commons pour illustrer Wikipédia, sans demander l'autorisation des auteurs (principe de la licence libre). Attention, si l'image à insérer est stockée sur votre disque dur, il faut d'abord l'importer sur Wikimedia Commons. Pour faire cela, lisez [[Aide:Importer une image|comment importer une image]]. Si l'une des images qui apparaît en résultat vous plaît, cliquez dessus et un nouveau menu s'ouvrira.|image1 = VisualEditor - Media editing 2 - fr.png|taille image1 = 250|ligne1 = oui|texte2 = La légende est la description qui apparaît en dessous de l'image tandis que le texte de remplacement est destiné aux lecteurs d'écrans (qu'utilisent les mal-voyants) et s'affiche lorsque les images ne se chargent pas. Une fois la légende rédigée, cliquez sur le bouton « {{int:visualeditor-dialog-action-insert}} ». Votre image apparaîtra immédiatement sur la page mais elle ne sera pas sauvegardée tant que vous n’aurez pas enregistré la page complète.|image2 = VisualEditor - Media editing 6 - fr.png|taille image2 = 250}} | |
+ | == Mettre en forme une image == | ||
+ | {{Cadre page d'aide | ||
+ | |image1 = VisualEditor - Media editing 7 - fr.png | ||
+ | |texte1 = Lors de l'insertion de la légende, il est possible de cliquer sur « {{int:visualeditor-advancedsettings-tool}} » pour modifier les options d'affichage. | ||
− | + | Vous pouvez alors changer l'alignement (à gauche, centré ou à droite), et la décoration de l'image : | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | Vous pouvez alors changer l'alignement (à gauche, centré ou à droite), et la décoration de l'image : | ||
*vignette (avec légende) | *vignette (avec légende) | ||
*sans cadre (sans légende) | *sans cadre (sans légende) | ||
Ligne 39 : | Ligne 32 : | ||
Vous pouvez aussi afficher une bordure pour les images sans cadre. La taille de l'image peut être également modifiée, tout en gardant les bonnes proportions. | Vous pouvez aussi afficher une bordure pour les images sans cadre. La taille de l'image peut être également modifiée, tout en gardant les bonnes proportions. | ||
− | Pour effectuer le changement, cliquez sur « {{int:visualeditor-dialog-action-insert}} ». | + | Pour effectuer le changement, cliquez sur « {{int:visualeditor-dialog-action-insert}} ». |
Votre mise en forme apparaîtra immédiatement sur la page mais elle ne sera pas sauvegardée tant que vous n’aurez pas enregistré la page complète. | Votre mise en forme apparaîtra immédiatement sur la page mais elle ne sera pas sauvegardée tant que vous n’aurez pas enregistré la page complète. | ||
− | ==Modifier une image existante == | + | |taille image1 = 250 |
− | [[Fichier: | + | }} |
− | Pour modifier une image existante, | + | |
− | [[ | + | == Modifier une image existante == |
− | + | [[Fichier:VisualEditor - Media editing 3 - fr.png|gauche|vignette]] | |
− | [[ | + | Pour modifier une image existante, double-cliquez sur l'image ; ou cliquez sur l'image, puis cliquez sur l’icône « Média » avec le nom du fichier qui apparaît juste à côté. Dans la boîte de dialogue, vous pouvez ensuite modifier la légende et le texte de remplacement. Vous pouvez également changer l'image en cliquant le bouton « {{int:visualeditor-dialog-media-change-image}} » en bas à gauche. Vos modifications apparaîtront immédiatement sur la page mais elles ne seront pas sauvegardées tant que vous n’aurez pas enregistré la page complète. |
− | + | {{Clr}} | |
+ | |||
+ | == En vidéo == | ||
+ | [[Fichier:WikiMOOC - vidéo 24 - Commons.webm|centré|vignette|(Cette vidéo a fait partie du [[Projet:Aide et accueil/WikiMOOC/Présentation|WikiMOOC]]) | ||
+ | ]] | ||
+ | *Rechercher une image (début de la vidéo) | ||
+ | *Copie du titre du fichier Commons en vue de l'insertion sur Wikipédia (à 1:56 min) | ||
+ | *Insertion,dans une page Wikipédia, d'une image (trouvée sur Commons)(à 3:10 min) | ||
+ | |||
+ | Pour l'importation d'une image, voir la page [[Aide:Importer_un_fichier|Importer un fichier ou une image]] ou à 4:55 de la vidéo ci-dessus (pour l'import d'une image sur Commons). | ||
+ | |||
+ | == Cas particulier : insérer une image dans une infobox == | ||
+ | {{Article connexe|Aide:Infobox}} | ||
+ | L'insertion d'une image dans une infobox reprend en partie [[Aide:Insérer une image (wikicode)|la manière de faire du wikicode]]. | ||
+ | |||
+ | Comme pour les cas détaillés ci-dessus, il est nécessaire d'avoir une image déjà présente sur Wikimedia Commons ([[Aide:Importer un fichier|comment faire]]). | ||
+ | # Sur Wikimedia Commons, copiez le titre complet de l'image. Celui-ci commence par <code>File:</code> et se termine par l'extension (<code>.jpg</code>, <code>.jpeg, .png</code>, <code>.tif</code>...). | ||
+ | # Rendez-vous ensuite sur la page où vous souhaitez ajouter cette image et cliquez sur « modifier » en haut de la page. | ||
+ | # Double-cliquez sur l'infobox : celle-ci s'ouvre, affichant les différents champs. Cherchez le champ « image ». | ||
+ | ## Si ce champ n'est pas présent, cliquez sur « {{Int:visualeditor-dialog-transclusion-add-param}} » et cherchez le champ « image » pour l'ajouter. | ||
+ | # Collez le titre de la photo avec son extension (*.jpg) et quittez l'infobox en cliquant sur « {{Int:visualeditor-dialog-action-apply}} » | ||
+ | Il est également possible d'[[Aide:Insérer une image (wikicode, avancé)#Cas particulier : ins.C3.A9rer une image dans une bo.C3.AEte d.27information .28infobox.29|insérer l'image par le code]]. | ||
+ | |||
+ | == Sur mobile == | ||
+ | Pour le moment, l'interface mobile du site (cela ne concerne pas les applications-mobile) n'est pas tout à fait la même sur un ordinateur de bureau. L'interface d'insertion des images n'est pas présente sur le site pour le moment. | ||
+ | |||
+ | Pour y accéder : | ||
+ | |||
+ | * dans le navigateur cocher la fonction « voir version ordinateur » (présente sur des navigateurs tels que Chrome, Kiwi, Firefox etc...). | ||
+ | * changer l'URL de la page comme suit : <code>fr.m.wikipedia.org</code> vers <code>fr.wikipedia.org</code>. Autre possibilité, cliquer sur « désactiver la version mobile », présente en bas de la page. | ||
+ | |||
+ | Les information comme le bouton « insérer » apparaissent alors. A ce moment on suit le protocole de la même manière qu'avec un PC, comme décrit ci-dessus. | ||
+ | |||
+ | {{Clr}} | ||
+ | |||
+ | {{Projet:Aide et accueil/Modifier une page 2015/M/VoirAussi}} |