« Wiki Electrolab:Edition/Les bases de VisualEditor » : différence entre les versions

Version du 16 mai 2023 à 09:52

Il s'agit de la « partie 2 » de la série de guides d'édition du wiki de l'electrolab. Ce guide est un processus étape par étape sur les « bases de l'éditeur visuel » ou comment utiliser les outils les plus courants offerts par l'éditeur visuel. Ce guide est destiné aux utilisateurs connectés avec les préférences par défaut. Il suppose également que vous avez lu le premier guide, si ce n'est pas le cas, veuillez le faire d'abord. Ce guide couvre quatre choses très courantes :

Liens
Gras et italique
Listes à puces et numérotées
Images

Marche à suivre

Commencer

Pour cette démonstration, je vais utiliser la page Kondia B500, mais je ne vais enregistrer aucune de mes modifications. C'est juste pour vous montrer comment faire des modifications.

Ouvrez l'écran d'édition.

Fichier:Place holder.png

Liens

Les liens dans les pages sont probablement la chose la plus importante à renseigner dans les pages.

Edition des liens

Tout d'abord, cliquez sur un lien pour afficher cette fenêtre :

Fichier:Place holder.png

Dans cette fenêtre vous pouvez cliquer sur "Modifier". La fenêtre évolue et vous montre deux onglets : "Wiki Electrolab" et "Site externe"

Fichier:Place holder.png

C'est la fenêtre d'édition de lien. Comme vous pouvez le voir, c'est assez simple. Vous pouvez changer la destination du lien en tapant dans la zone de recherche et en sélectionnant la page à laquelle vous voulez lier. Changer la destination ne changera pas le texte.

Fichier:Place holder.png

Voici un autre exemple plus bas sur la page, où le texte dit « MISC » et le lien est vers « Musashi Industrial and Starflight Concern ».

création des liens

Ajouter un lien est aussi simple, sélectionnez le texte que vous voulez lier, puis de cliquer sur le bouton de lien. Cela ouvrira la fenêtre d'édition de lien avec le texte par défaut du mot(s) surligné(s).

Fichier:Place holder.png

C'est vraiment tout ce qu'il y a à savoir sur les liens.

Utilisation des liens

La politique de création/utilisation des liens est assez simple. Si vous mentionnez la même chose plusieurs fois sur une page, en général, il ne devrait être lié qu'une seule fois, sauf si la page est très longue (en excluant les choses comme les tableaux, les modèles et les boîtes de navigation).

Gras et italique

C'est plus simple que les liens mais généralement moins important, donc le voici. Gras et italique sont simplement appliqués en sélectionnant le texte et en cliquant sur B ou I dans les options déroulantes du bouton de texte de style.

Fichier:Place holder.png

La suppression du gras/de l'italique se fait de la même manière - en mettant en surbrillance le texte et en cliquant sur le bouton.

Fichier:Place holder.png

Gras et italique peuvent tous deux être appliqués à la même chose en cliquant sur les deux boutons.

Utilisation du gras et italique

Le gras et l'italique devraient généralement être utilisés avec parcimonie. L'utilisation de ces deux styles en même temps devrait être encore plus rare. La première mention du nom de l'article (dans la phrase d'ouverture, généralement) doit être en gras. Les autres occurrences ne doivent pas l'être. Les titres d'œuvres (livres du monde réel, émissions de télévision, films, jeux vidéo, etc.) doivent être en italique.

Soulignement

Les soulignements doivent être évités, donc ils ne sont pas couverts ici.

Listes

Les listes se présentent sous deux formes - listes à puces et listes numérotées - qui sont essentiellement interchangeables en termes de configuration. Les listes numérotées sont généralement destinées aux choses qui nécessitent un ordre, comme une liste d'instructions, tandis que les listes à puces sont destinées aux listes non ordonnées, comme une liste de courses.

Fichier:Place holder.png

Les listes sont ajoutées en cliquant sur le bouton déroulant correspondant dans la barre d'outils supérieure.

Fichier:Place holder.png

Si votre curseur est sur une ligne avec du texte déjà (y compris si vous avez du texte sélectionné), toute la ligne/paragraphe deviendra le premier élément de la liste. Pour avoir un premier élément vide, ajoutez un saut de ligne (appuyez sur entrée) avant de cliquer sur le bouton. Vous pouvez également cliquer sur le bouton pour supprimer la liste (ou changer le type).

Fichier:Place holder.png

Une fois que vous avez un point numéroté/à puce, le point numéroté/à puce suivant est ajouté en appuyant sur Entrée à la fin d'une ligne. Appuyer sur Entrée lorsque l'élément est vide le supprime et termine la liste.

Images

Les images sont la chose la plus complexe couverte dans ce guide, mais elles sont très souvent utilisées, donc elles sont assez importantes.

Les images sont ajoutées en cliquant sur l'icône de la barre supérieure. (Vous pouvez supprimer les images en les cliquant simplement et en appuyant sur la touche de retour ou de suppression.)

Fichier:Place holder.png

Cela ouvre la boîte de dialogue d'insertion d'image, qui propose de rechercher une image à partir de celle qui existe déjà sur le wiki ou d'en télécharger une nouvelle. Le téléchargement sera couvert dans un guide futur, nous allons donc simplement rechercher pour le moment. Nos images adhèrent à un guide de dénomination spécifique (voir ci-dessous), vous devriez donc facilement pouvoir trouver ce que vous cherchez. Pour l'instant, je vais simplement chercher « Kondia » et ajouter une image, qui est une photo de la Kondia.

Fichier:Place holder.png

En cliquant sur l'image dans cette boîte de dialogue, une vue complète de l'image avec des informations à son sujet s'affiche, et en cliquant sur « utiliser cette image » en haut à droite de la fenêtre, la fenêtre des paramètres multimédias s'ouvrira. Vous pouvez définir une légende dans la page « Paramètres généraux », qui apparaîtra sous l'image. Les légendes peuvent contenir des liens, du gras, de l'italique, etc., comme du texte normal.

Fichier:Place holder.png

La page « Paramètres avancés » concerne la position et la taille de l'image. C'est là que vous pouvez spécifier une taille, plutôt que d'utiliser les poignées de glissement. Vous pouvez également spécifier si l'image doit être alignée à gauche, à droite ou centrée sur la page.

Fichier:Place holder.png

En cliquant sur « insérer », l'image sera ajoutée à la page.

Fichier:Place holder.png

Une fois que l'image est sur la page, vous pouvez la déplacer en la cliquant et en la faisant glisser, la redimensionner en utilisant les poignées de glissement dans chaque coin, et vous pouvez réentrer les paramètres en la cliquant et en cliquant sur l'icône/le texte dans la fenêtre contextuelle.

Remarques

Sachez que modifier une image trop souvent la rend souvent incapable d'être positionnée correctement - vous devrez peut-être utiliser le mode source. Il existe de nombreuses autres fonctionnalités des images que l'éditeur visuel ne peut pas utiliser - elles seront couvertes dans le guide du mode source.

Utilisation des images

Les images doivent être principalement alignées à gauche ou à droite, avec un alignement central utilisé avec parcimonie.
- Notez que parfois, des modèles tels que les infobox occuperont le côté droit de la page. Dans ce cas, placez l'image sur la gauche ou au centre.
- Gardez à l'esprit que le placement de l'image peut se comporter différemment sur mobile.
Les légendes doivent se terminer par un point si elles sont une phrase complète et ne doivent pas en avoir si elles ne le sont pas.

Voir aussi

Le prochain guide de la série est VisualEditor avancé, qui porte sur l'utilisation de VisualEditor pour éditer les références, les tableaux et les modèles. Vous pouvez préférer voir la version du mode source de ce guide à "introduction au mode source".

@@ Ligne 1 : / Ligne 1 : @@
 Il s'agit de la « partie 2 » de la série de guides d'édition du wiki de l'electrolab. Ce guide est un processus étape par étape sur les « bases de l'éditeur visuel » ou comment utiliser les outils les plus courants offerts par l'éditeur visuel.
 Ce guide est destiné aux utilisateurs connectés avec les préférences par défaut. Il suppose également que vous avez lu le [[Wiki Electrolab:Edition/Votre première édition|premier guide]], si ce n'est pas le cas, veuillez le faire d'abord.
 Ce guide couvre quatre choses très courantes :
+*Liens
+*Gras et italique
+*Listes à puces et numérotées
+*Images
-Liens
-Gras et italique
-Listes à puces et numérotées
-Images
 ==Marche à suivre==
 ===Commencer===
-Pour cette démonstration, je vais montrer Razor, mais je ne vais enregistrer aucune de mes modifications. C'est juste pour montrer comment faire les choses. Les sections suivantes ont été effectuées dans cet ordre, mais vous n'êtes pas obligé de suivre cette méthode si vous ne le souhaitez pas.
+Pour cette démonstration, je vais utiliser la page [[Kondia B500]], mais je ne vais enregistrer aucune de mes modifications. C'est juste pour vous montrer comment faire des modifications.
 Ouvrez l'écran d'édition.
+[[Fichier:place_holder.png|400px|center|thumb]]
 ===Liens===
-Les liens sont probablement la chose la plus importante à utiliser après le texte normal. Tout d'abord, cliquez (gauche ou droit) sur le lien « MISC » ici pour afficher cette fenêtre :
+Les liens dans les pages sont probablement la chose la plus importante à renseigner dans les pages.
+====Edition des liens====
-L'icône montre quelle est l'action - un lien a une chaîne - et le texte montre quelque chose sur l'élément ; pour les liens : la destination. À partir de là, vous pouvez cliquer sur le lien pour afficher la page à laquelle il est lié, supprimer le lien ou l'éditer en utilisant le bouton d'édition.
+Tout d'abord, cliquez sur un lien pour afficher cette fenêtre :
+[[Fichier:place_holder.png|400px|center|thumb]]
-C'est la fenêtre d'édition de lien. Comme vous pouvez le voir, c'est assez simple. Vous pouvez changer la destination du lien en tapant dans la zone de recherche et en sélectionnant la page à laquelle vous voulez lier. Changer la destination ne changera pas le texte (vous le faites en tapant simplement là où il est écrit « Slayer » dans la prose).
+Dans cette fenêtre vous pouvez cliquer sur "Modifier". La fenêtre évolue et vous montre deux onglets : "Wiki Electrolab" et "Site externe"
+[[Fichier:place_holder.png|400px|center|thumb]]
+C'est la fenêtre d'édition de lien. Comme vous pouvez le voir, c'est assez simple. Vous pouvez changer la destination du lien en tapant dans la zone de recherche et en sélectionnant la page à laquelle vous voulez lier. Changer la destination ne changera pas le texte.
+[[Fichier:place_holder.png|400px|center|thumb]]
 Voici un autre exemple plus bas sur la page, où le texte dit « MISC » et le lien est vers « Musashi Industrial and Starflight Concern ».
+====création des liens====
+Ajouter un lien est aussi simple, sélectionnez le texte que vous voulez lier, puis de cliquer sur le bouton de lien. Cela ouvrira la fenêtre d'édition de lien avec le texte par défaut du mot(s) surligné(s).
+[[Fichier:place_holder.png|400px|center|thumb]]
+C'est vraiment tout ce qu'il y a à savoir sur les liens.
+====Utilisation des liens====
+La politique de création/utilisation des liens est assez simple.
+Si vous mentionnez la même chose plusieurs fois sur une page, en général, il ne devrait être lié qu'une seule fois, sauf si la page est très longue (en excluant les choses comme les tableaux, les modèles et les boîtes de navigation).
-Ajouter un lien est aussi simple que de sélectionner le texte que vous voulez lier, puis de cliquer sur le bouton de lien. Cela ouvrira la fenêtre d'édition de lien avec le texte par défaut du mot(s) souligné(s).
-C'est vraiment tout ce qu'il y a pour les liens.
-====Politique====
-La politique de lien est assez simple et est couverte par le guide de style. Les principaux points à retenir pour l'éditeur visuel sont :
-Si vous mentionnez la même chose plusieurs fois sur une page, en général, il ne devrait être lié qu'une seule fois, sauf si la page est très longue (en excluant les choses comme les tableaux, les modèles et les boîtes de navigation).
 ===Gras et italique===
 C'est plus simple que les liens mais généralement moins important, donc le voici. Gras et italique sont simplement appliqués en sélectionnant le texte et en cliquant sur B ou I dans les options déroulantes du bouton de texte de style.
+[[Fichier:place_holder.png|400px|center|thumb]]
 La suppression du gras/de l'italique se fait de la même manière - en mettant en surbrillance le texte et en cliquant sur le bouton.
+[[Fichier:place_holder.png|400px|center|thumb]]
 Gras et italique peuvent tous deux être appliqués à la même chose en cliquant sur les deux boutons.
-====Politique====
+====Utilisation du gras et italique====
-Ceci est également couvert par le guide de style.
 Le gras et l'italique devraient généralement être utilisés avec parcimonie.
 L'utilisation de ces deux styles en même temps devrait être encore plus rare.
 La première mention du nom de l'article (dans la phrase d'ouverture, généralement) doit être en gras. Les autres occurrences ne doivent pas l'être.
 Les titres d'œuvres (livres du monde réel, émissions de télévision, films, jeux vidéo, etc.) doivent être en italique.
-Les noms de navires (par exemple, UEES Retribution) doivent être en italique.
+===Soulignement===
+Les soulignements doivent être évités, donc ils ne sont pas couverts ici.
-Cela inclut le nom du jeu Star Citizen.
-Le gras et l'italique peuvent être utilisés pour l'emphase, mais cela ne doit être fait que lorsque cela est nécessaire. Il est courant que les éditeurs mettent en gras le mot « non » ; cependant, la plupart des cas sont inutiles. Mettre en gras une phrase entière n'est jamais approprié. Si une section de prose est suffisamment importante pour qu'elle doit se démarquer, alors le texte doit être reformulé pour souligner ce point ; par exemple, vous pourriez placer ce texte au début du paragraphe ou le séparer en son propre paragraphe.
-Les soulignements doivent être évités, donc ils ne sont pas couverts ici.
 ===Listes===
 Les listes se présentent sous deux formes - listes à puces et listes numérotées - qui sont essentiellement interchangeables en termes de configuration. Les listes numérotées sont généralement destinées aux choses qui nécessitent un ordre, comme une liste d'instructions, tandis que les listes à puces sont destinées aux listes non ordonnées, comme une liste de courses.
+[[Fichier:place_holder.png|400px|center|thumb]]
 Les listes sont ajoutées en cliquant sur le bouton déroulant correspondant dans la barre d'outils supérieure.
+[[Fichier:place_holder.png|400px|center|thumb]]
 Si votre curseur est sur une ligne avec du texte déjà (y compris si vous avez du texte sélectionné), toute la ligne/paragraphe deviendra le premier élément de la liste. Pour avoir un premier élément vide, ajoutez un saut de ligne (appuyez sur entrée) avant de cliquer sur le bouton. Vous pouvez également cliquer sur le bouton pour supprimer la liste (ou changer le type).
+[[Fichier:place_holder.png|400px|center|thumb]]
 Une fois que vous avez un point numéroté/à puce, le point numéroté/à puce suivant est ajouté en appuyant sur Entrée à la fin d'une ligne. Appuyer sur Entrée lorsque l'élément est vide le supprime et termine la liste.
-====Politique====
-Il n'y a actuellement pas de directives sur la façon d'utiliser les listes, mais le bon sens devrait prévaloir.
-Si vous écrivez des points à puces avec chaque ayant le même type d'informations chaque fois, selon un modèle spécifique, envisagez d'utiliser un tableau à la place (les tableaux sont abordés dans le prochain guide).
 ===Images===
 Les images sont la chose la plus complexe couverte dans ce guide, mais elles sont très souvent utilisées, donc elles sont assez importantes.
 Les images sont ajoutées en cliquant sur l'icône de la barre supérieure. (Vous pouvez supprimer les images en les cliquant simplement et en appuyant sur la touche de retour ou de suppression.)
+[[Fichier:place_holder.png|400px|center|thumb]]
-Cela ouvre la boîte de dialogue d'insertion d'image, qui propose de rechercher une image à partir de celle qui existe déjà sur le wiki ou d'en télécharger une nouvelle. Le téléchargement sera couvert dans un guide futur, nous allons donc simplement rechercher pour le moment. Nos images adhèrent à un guide de dénomination spécifique (voir ci-dessous), vous devriez donc facilement pouvoir trouver ce que vous cherchez. Pour l'instant, je vais simplement chercher « razor » et ajouter une image, qui est une œuvre conceptuelle de Razor dans une course.
+Cela ouvre la boîte de dialogue d'insertion d'image, qui propose de rechercher une image à partir de celle qui existe déjà sur le wiki ou d'en télécharger une nouvelle. Le téléchargement sera couvert dans un guide futur, nous allons donc simplement rechercher pour le moment. Nos images adhèrent à un guide de dénomination spécifique (voir ci-dessous), vous devriez donc facilement pouvoir trouver ce que vous cherchez. Pour l'instant, je vais simplement chercher « Kondia » et ajouter une image, qui est une photo de la Kondia.
+[[Fichier:place_holder.png|400px|center|thumb]]
 En cliquant sur l'image dans cette boîte de dialogue, une vue complète de l'image avec des informations à son sujet s'affiche, et en cliquant sur « utiliser cette image » en haut à droite de la fenêtre, la fenêtre des paramètres multimédias s'ouvrira.
 Vous pouvez définir une légende dans la page « Paramètres généraux », qui apparaîtra sous l'image. Les légendes peuvent contenir des liens, du gras, de l'italique, etc., comme du texte normal.
+[[Fichier:place_holder.png|400px|center|thumb]]
 La page « Paramètres avancés » concerne la position et la taille de l'image. C'est là que vous pouvez spécifier une taille, plutôt que d'utiliser les poignées de glissement. Vous pouvez également spécifier si l'image doit être alignée à gauche, à droite ou centrée sur la page.
+[[Fichier:place_holder.png|400px|center|thumb]]
 En cliquant sur « insérer », l'image sera ajoutée à la page.
+[[Fichier:place_holder.png|400px|center|thumb]]
 Une fois que l'image est sur la page, vous pouvez la déplacer en la cliquant et en la faisant glisser, la redimensionner en utilisant les poignées de glissement dans chaque coin, et vous pouvez réentrer les paramètres en la cliquant et en cliquant sur l'icône/le texte dans la fenêtre contextuelle.
 ====Remarques====
 Sachez que modifier une image trop souvent la rend souvent incapable d'être positionnée correctement - vous devrez peut-être utiliser le mode source.
+Il existe de nombreuses autres fonctionnalités des images que l'éditeur visuel ne peut pas utiliser - elles seront couvertes dans [[Wiki Electrolab:Edition/Introduction au mode source|le guide du mode source]].
+====Utilisation des images====
+*Les images doivent être principalement alignées à gauche ou à droite, avec un alignement central utilisé avec parcimonie.
+**Notez que parfois, des modèles tels que les infobox occuperont le côté droit de la page. Dans ce cas, placez l'image sur la gauche ou au centre.
+**Gardez à l'esprit que le placement de l'image peut se comporter différemment sur mobile.
+*Les légendes doivent se terminer par un point si elles sont une phrase complète et ne doivent pas en avoir si elles ne le sont pas.
-Il existe de nombreuses autres fonctionnalités des images que l'éditeur visuel ne peut pas utiliser - elles seront couvertes dans le guide du mode source.
-====Politique====
-La politique d'utilisation des images est, encore une fois, couverte par le guide de style.
-Les images doivent être principalement alignées à gauche ou à droite, avec un alignement central utilisé avec parcimonie. **Notez que parfois, des modèles tels que les infobox occuperont le côté droit de la page. Dans ce cas, placez l'image sur la gauche ou au centre. **Gardez à l'esprit que le placement de l'image peut se comporter différemment sur mobile.
-Les légendes doivent se terminer par un point si elles sont une phrase complète et ne doivent pas en avoir si elles ne le sont pas.
-La politique d'utilisation des images est couverte par le guide des images et des médias. Cela sera expliqué plus en détail dans le guide de téléchargement d'images.
 ==Voir aussi==
-Le prochain guide de la série est VisualEditor avancé, qui porte sur l'utilisation de VisualEditor pour éditer les références, les tableaux et les modèles. Vous pouvez préférer voir la version du mode source de ce guide à VisualEditor basics.
+Le prochain guide de la série est [[Wiki Electrolab:Edition/VisualEditor avancé|VisualEditor avancé]], qui porte sur l'utilisation de VisualEditor pour éditer les références, les tableaux et les modèles. Vous pouvez préférer voir la version du mode source de ce guide à [[Wiki Electrolab:Edition/Introduction au mode source|"introduction au mode source"]].
+{{Note|'''Note :''' Une partie du texte ci-dessus provient du [https://runescape.wiki/ RuneScape Wiki] sous licence [https://creativecommons.org/licenses/by-nc-sa/3.0/ CC BY-NC-SA 3.0] ainsi que du [https://starcitizen.tools/Star_Citizen:Editing/ wiki de star citizen] sous licence [https://creativecommons.org/licenses/by-sa/4.0/ CC BY-SA 4.0].}}{{TOC|limit=3}}{{Short description|Processus étape par étape sur les bases de l'éditeur visuel}}
-Guide de style
-Politique des images et des médias
-{{Note|Note : Une partie du texte ci-dessus provient de la RuneScape Wiki sous licence CC BY-NC-SA 3.0.}}{{TOC|limit=3}}{{Short description|Processus étape par étape sur les bases de l'éditeur visuel}}