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 5 : | Ligne 5 : | ||
| 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|Exemple d'image intégrée dans le texte comme vignette et alignée à droite. | + | [[Fichier:Exemple image.jpg|vignette|Exemple d'image intégrée dans le texte comme vignette et alignée à droite.]] |
== À retenir== | == À retenir== | ||
Ligne 13 : | Ligne 13 : | ||
==Insérer une image== | ==Insérer une image== | ||
− | Après avoir cliqué sur l’icône | + | {{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}} |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | Si l'une des images qui apparaît en résultat vous plaît, cliquez dessus et un nouveau menu s'ouvrira. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
==Mettre en forme une image== | ==Mettre en forme une image== | ||
− | + | {{Cadre page d'aide | |
− | Lors de l'insertion de la légende, il est possible de cliquer sur « {{int:visualeditor-advancedsettings-tool}} » pour modifier les options d'affichage. | + | |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 27 : | ||
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. | ||
+ | |taille image1 = 250 | ||
+ | }} | ||
+ | |||
==Modifier une image existante == | ==Modifier une image existante == | ||
− | [[Fichier: | + | [[Fichier:VisualEditor - Media editing 3 - fr.png|gauche|vignette|lien=Special:FilePath/VisualEditor_-_Media_editing_3_-_fr.png]] |
− | Pour modifier une image existante, | + | 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]]) | |
+ | |lien=Special:FilePath/WikiMOOC_-_vidéo_24_-_Commons.webm]] | ||
+ | *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}} |