Banri at 22:13, 13 January 2021

2021-01-13T22:13:08Z

← Older revision		Revision as of 22:13, 13 January 2021
Line 64:		Line 64:
	This opens the image insertion dialogue, which offers to search for an image from ones that already exist on the wiki or upload a new image. Uploading will be covered in a future guide, so we're just going to search for now. For now, I'm just going to search "M" and add an image, which is the [[:File:Tier i mod component.png\|detailed icon of the Tier 1 Mod Component]].		This opens the image insertion dialogue, which offers to search for an image from ones that already exist on the wiki or upload a new image. Uploading will be covered in a future guide, so we're just going to search for now. For now, I'm just going to search "M" and add an image, which is the [[:File:Tier i mod component.png\|detailed icon of the Tier 1 Mod Component]].

	[[File:VE basics - insert image ~~modal~~.png\|thumb\|center\|450px]]		[[File:VE basics - insert image model.png\|thumb\|center\|450px]]

	Clicking the image in this dialogue shows a full view of the image with some information about it, and clicking ''use this image'' at the top-right of the window will open the media settings window.		Clicking the image in this dialogue shows a full view of the image with some information about it, and clicking ''use this image'' at the top-right of the window will open the media settings window.

Banri: Banri moved page Gem Wiki:Editing/VisualEditor Basics to Help:Editing/VisualEditor Basics without leaving a redirect

2021-01-13T22:04:51Z

Banri moved page Gem Wiki:Editing/VisualEditor Basics to Help:Editing/VisualEditor Basics without leaving a redirect

← Older revision	Revision as of 22:04, 13 January 2021
(No difference)

Banri: Created page with "This is '''part 2''' of the series of editing guides of the Gemini Station Wiki. This guide is a step-by-step process on '''VisualEditor basics''' - or..."

2021-01-13T21:58:46Z

Created page with "This is '''part 2''' of the series of editing guides of the Gemini Station Wiki. This guide is a step-by-step process on '''VisualEditor basics''' - or..."

New page

This is '''part 2''' of the series of [[Help:Editing#Guides|editing guides]] of the Gemini Station Wiki. This guide is a step-by-step process on '''VisualEditor basics''' - or, '''how to use the most common tools the VisualEditor offers'''.

This guide is made from the perspective of a logged-in user with default preferences. It also assumes you have read [[Help:Editing/Your first edit|the first guide]]; if you haven't, please do so first!

This guide covers four very common things:
* Links
* Bold and italics
* Bulleted and numbered lists
* Images

==Walkthrough==
===Starting===
For this demonstration I'll be showing [[weapon mods]], but not saving any of my edits. This is just to show how to do things. The following sections were done in this order, but you don't have to follow that if you don't want to.

Open up the edit screen.

[[File:VE basics - editor opened.png|450px|center|thumb]]
===Links===
Links are probably the most important thing to use after plain text. First off, click (left or right) the "Weapon Mods" link here to show this window:

[[File:VE basics - link popup.png|thumb|center]]

The icon shows what the action is — a link has a chain — and the text shows something about the element; for links: the destination. From here you can click the link to view the page it is linking to, remove the link or edit it, using the edit button.

[[File:VE basics - link editing.png|thumb|center]]

This is the link edit window. As you can see, it is pretty simple. You can change the destination of the link by typing in the search box and selecting the page that you want to link to. Changing the destination won't change the text (you do that by just typing where it says "Weapon Mods" in the prose).

Adding a link is as simple as selecting the text you want to link, then clicking the link button. This will open the link edit window with the default text of the highlighted word(s).

[[File:VE basics - link insert.png|thumb|center]]

That's really all there is for links.

===Bold and italics===
This is simpler than links, but generally less important, so here it is. '''Bold''' and ''italic'' are simply applied by selecting the text and clicking the '''B''' or ''I'' in the drop down options from the ''style text'' button.

[[File:VE basics - bolding.png|thumb|center]]

Removing bold/italics is done in exactly the same way - highlighting the text and clicking the button.

Bold and italics can '''''both be applied to the same thing''''' by clicking both buttons.

===Lists===
Lists come in two forms - bulleted lists and numbered lists - which are essentially interchangeable in terms of setting them up. Numbered lists are generally for things that require an order, like a list of instructions, whereas bulleted lists are for unordered lists, like a shopping list.

Lists are added by clicking the relevant drop down button in the top toolbar:

[[File:VE basics - list.png|thumb|center|450px]]

If your cursor is on a line with text already (including if you have any text selected), the entire line/paragraph will become the first item in the list. To have a blank first item, add a linebreak (press enter) before clicking the button. You can also click the button to remove the list (or change the type).

Once you have one bullet/number, the next bullet/number is added by pressing enter at the end of a line. Pressing enter when the item is empty removes it and finishes the list.

If you're writing out bullets with each having the same type of information each, in a specific pattern, consider using a table instead (tables covered in [[Help:Editing/VisualEditor advanced|the next guide]]).

===Images===
Images are the most complex thing covered in this guide, but they're used very often so they're pretty important.

Images are added by clicking the icon on the top bar. (You can remove images by just clicking on them and pressing backspace or delete.)

[[File:VE basics - insert image button.png|thumb|center|450px]]

This opens the image insertion dialogue, which offers to search for an image from ones that already exist on the wiki or upload a new image. Uploading will be covered in a future guide, so we're just going to search for now. For now, I'm just going to search "M" and add an image, which is the [[:File:Tier i mod component.png|detailed icon of the Tier 1 Mod Component]].

[[File:VE basics - insert image modal.png|thumb|center|450px]]

Clicking the image in this dialogue shows a full view of the image with some information about it, and clicking ''use this image'' at the top-right of the window will open the media settings window.

You can set a caption in the "General settings" page, which will appear below the image. Captions can contain links, bold, italics, and so on, like normal text.

[[File:VE basics - image caption.png|thumb|center|450px]]

The "Advanced settings" page is about position and size of the image. This is where you can specify a size, rather than using the drag handles. You can also specify whether to float left, right, or centered on the page.

[[File:VE basics - image position.png|thumb|center|450px]]

Clicking ''insert'' will add the image to the page.

[[File:VE basics - image inserted.png|thumb|center]]

Once the image is on the page it can be moved around by clicking and dragging it, resized using the drag handles in each corner, and you can re-enter the settings by clicking it and clicking the icon/text in the popup.

;Notes
Be aware that editing an image too much will often make it unable to be positioned properly - you may have to use source mode.

There are many other features of images that the VisualEditor cannot use - these will be covered in [[Help:Editing/Source mode basics|the source mode guide]].

{{Editing help}}

{{Editing guides}}

Help:Editing/VisualEditor Basics - Revision history

Banri at 22:13, 13 January 2021

Banri: Banri moved page Gem Wiki:Editing/VisualEditor Basics to Help:Editing/VisualEditor Basics without leaving a redirect

Banri: Created page with "This is '''part 2''' of the series of editing guides of the Gemini Station Wiki. This guide is a step-by-step process on '''VisualEditor basics''' - or..."