*You can resize an existing image by clicking on it, then moving the resize icon (the two-headed arrow on one or both bottom corners).
*You can also drag and drop an image to a place higher or lower on the page.
|}
== Editing templates ==
=== Starting ===
{| cellpadding="15"
|-
| To add a new template to a page, place your cursor where you want the template to be inserted, and click on the "{{int:visualeditor-dialogbutton-template-tooltip}}" icon (a puzzle piece) in the "{{int:visualeditor-toolbar-insert}}" menu.
| [[File:VisualEditor Template Insert Menu-en.png|thumb|border|300px|center]]
|-
| colspan=2 | <hr />
|-
| Start typing the name of the template you want to insert. When you see it on the list, click on its name. Then click "{{int:visualeditor-dialog-transclusion-add-template}}".
| [[File:VisualEditor - Template editing 4.png|thumb|border|500px|center]]
|-
| colspan=2 | <hr />
|-
| You can also edit a template that is already on the page. When you click on the template to select it, it turns blue, and a box appears with an "{{int:visualeditor-dialogbutton-template-tooltip}}" icon (a puzzle piece). Then click on the "{{int:vector-view-edit}}" link.
| [[File:VisualEditor - Template editing 1.png|thumb|border|300px|center]]
|-
| colspan=2 | <hr />
|-
|Some templates are not visible to someone reading a page. In VisualEditor, such hidden templates are shown as puzzle icons, such as [[Template:Anchor|Anchor]].
|[[File:VisualEditor template not visible.png|thumb|border|center|70px]]
|-
| colspan=2 | <hr />
|-
|When you select the icon, the context menu is displayed, and you can edit the template.
|[[File:VisualEditor template not visible context menu.png|thumb|border|center|300px]]
|-
| colspan=2 | <hr />
|-
| colspan=2 |
=== Template parameters ===
|-
|When you add a new template or open an existing one, VisualEditor opens the "{{int:visualeditor-dialog-transclusion-title}}" dialog. What you see depends upon whether there is TemplateData for that template.
|
|-
| colspan=2 | <hr />
|-
| The template shown here has no TemplateData set up for it. The dialog shows a link to documentation for the template. You can read the documentation to figure out if the template has any parameters (fields), and what goes in each field. Use numbers as the name for each nameless parameter. The first un-named parameter is named <code>1</code>, the second is named <code>2</code>, and so forth.
|[[File:VisualEditor template with no TemplateData.png|thumb|border|center|400px]]
|-
| colspan=2 | <hr />
|-
|If a template has been updated to contain [[VisualEditor/Portal/TemplateData#What_is_TemplateData.3F|TemplateData]] information, then the dialog will show a list of individual (named) parameters.
|[[File:VisualEditor template with TemplateData.png|thumb|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| For an existing template, you can edit the parameters shown in the dialog, and you can add parameters by clicking "{{int:visualeditor-dialog-transclusion-add-param}}", at the very bottom of the dialog.
| [[File:VisualEditor - Template editing 3.png|thumb|border|center|500px]]
|-
| colspan=2 | <hr />
|-
| When a template embeds other templates, these sub-templates will appear inside the parameters that display them. They can be edited or removed inside the parameter field.
New sub-templates are added by following the steps for adding a parameter. You may need to check the template documentation to make sure that the sub-template is supported. Nested templates can currently be edited as wikitext only, without the facility offered by VisualEditor (see [[phab:T52182]]).
| [[File:VisualEditor - Template editing 5.png|thumb|border|center|500px]]
|-
| colspan=2 | <hr />
|-
|-
| colspan=2 |
=== Finishing ===
|-
| When you have finished editing a template, click "{{int:visualeditor-dialog-action-apply}}" to close the dialog and return to editing the main page.
| [[File:VisualEditor Apply Changes-en.png|thumb|border|center|150px]]
|-
| colspan=2 | <hr />
|-
| colspan=2 |
=== Substituting templates ===
|-
| When a template must be [[:w:en:Help:Substitution|substituted]], type <code><nowiki>subst:</nowiki></code> (colon included) before the template's name.
Autocompletion doesn't work with <code><nowiki>subst:</nowiki></code>. If you want to use autocompletion, first find the template you are looking for, and then add <code><nowiki>subst:</nowiki></code> in front of the template name.
Then, click the green "{{int:visualeditor-dialog-transclusion-add-template}}" button.
Add any parameters as usual and click "{{int:visualeditor-dialog-action-insert}}".
| [[File:VisualEditor - Template editing 7.png|thumb|border|center|400px]]
|-
| colspan=2 | <hr />
|-
| You will see the template expand on the page after you click "{{int:visualeditor-dialog-action-apply}}".
| [[File:VisualEditor - Template editing 8.png|thumb|border|center|400px]]
|}