Update editor manual screenshots

docs/editor_manual/administrator_tasks/managing_users.md

@@ -4,8 +4,6 @@ As an administrator, a common task will be adding, modifying or removing user pr
 
 This is done via the 'Users' interface, which can be found in the Settings menu, accessible via the left-hand menu bar.
 
-![](../../_static/images/screen35_users_menu_item.png)
-
 In this interface you can see all of your users, their usernames, their 'level' of access (otherwise known as their 'role'), and their status, either active or inactive.
 
 You can sort this listing either via Name or Username.

docs/editor_manual/administrator_tasks/promoted_search_results.md

@@ -14,8 +14,6 @@ The promoted result will only work if the user types _exactly_ the phrase that y
 
 To set up the promoted search results, click on the 'Promoted search results' menu item in the 'Settings' menu.
 
-![](../../_static/images/screen37_promoted_menu_item.png)
-
 Add a new promoted result from the button in the top right of the resulting screen, or edit an existing promoted result by clicking on it.
 
 ![](../../_static/images/screen38_promoted_results_listing.png)

docs/editor_manual/copying_aliasing_existing_pages.md

@@ -18,8 +18,6 @@ Here is how to copy an existing page:
 
 -   Once you completed this form, press _Copy this page_. The page will then be copied and appear in the Explorer page.
 
-![Successful copying of a page results in it being available in the Explorer page.](../_static/images/screen12.6_3_copy_success.png)
-
 (aliasing_page_label)=
 
 ## Aliasing pages
@@ -35,18 +33,12 @@ Here is how to create an alias to an existing page:
 ![Clicking the change button during the copy page form in order to change the parent of the copied page.](../_static/images/screen12.7_1_alias_choose_parent_page_button.png)
 
 -   Select and click on the desired parent page.
-
-![Selecting and clicking the desired parent page.](../_static/images/screen12.7_2_alias_choose_new_parent_page.png)
-
 -   Make sure the _Alias_ checkbox is ticked.
 -   You can then complete the page aliasing by clicking on the _Copy this page_ button.
 
 ![Clicking on the Copy this page button to confirm aliasing.](../_static/images/screen12.7_3_alias_confirm_changes.png)
 
 -   The aliased page will then appear under the new parent in the Explorer.
-
-![The aliased page appearing under the new parent page in the Explorer page.](../_static/images/screen12.7_3_alias_page_new_parent.png)
-
 -   When you try to edit the aliased page, you are notified that it is an alias of another page. You will then be offered two options: edit the original page (with changes appearing in both places) or convert the alias page into an ordinary page (a conventional copy, not updated when the original changes).
 
 ![Editing an alias page notifies it is an alias and offers to either edit the original page or change the alias to an ordinary page.](../_static/images/screen12.7_4_alias_page_edit_notification.png)

docs/editor_manual/documents_images_snippets/collections.md

@@ -13,11 +13,10 @@ Access to specific sets of images and documents can be controlled by setting up
 ## Add images / documents to a collection
 
 -   Navigate to the **Images** or **Documents** section and select a collection from the dropdown menu.
+-   You can also select a collection as part of uploading multiple images or documents.
 
 ![](../../_static/images/collections_create_collection_upload_images.png)
 
-![](../../_static/images/collections_add_to_collection.png)
-
 -   You can also edit an image or document directly by clicking on it to assign it to a collection.
 
 ![](../../_static/images/collections_edit_img_view.png)

docs/editor_manual/editing_existing_pages.md

@@ -10,7 +10,8 @@ Here is how you can access the edit screen of an existing page:
 
 -   When editing an existing page the title of the page being edited is displayed at the top of the page.
 -   You can perform various actions (such as copy, move or delete a page) by opening the secondary menu at the right of the top breadcrumb.
--   Underneath the title, you can find the page type and a link to the page history.
+-   The header has a link to the page history.
+-   In the Info side panel, you can find the page type and other important page information.
 -   If published, a link to the live version of the page is shown on the top right.
 -   You can toggle commenting mode by clicking the icon in the top right, which also shows the number of comments.
 -   You can change the title of the page by clicking into the title field.
@@ -18,7 +19,7 @@ Here is how you can access the edit screen of an existing page:
 
 ## Workflow
 
-If the page is currently in a workflow, you'll see an additional indicator underneath the title, showing the current workflow task. Clicking this will
+If the page is currently in a workflow, you'll see an additional indicator in the Info side panel, showing the current workflow task. Clicking the "View details" button will
 show more information about the page's progress through the workflow, as well as any comments left by reviewers.
 
 ![](../_static/images/screen12.5_edit_screen_in_moderation.png)

docs/editor_manual/finding_your_way_around/the_explorer_page.md

@@ -4,31 +4,22 @@ The Explorer page allows you to view a page's children and perform actions on th
 
 ![](../../_static/images/screen05_explorer_page.png)
 
--   The name of the section you are looking at is displayed below the breadcrumb (the row of page names beginning with the home icon). Each section is also itself a page (in this case the homepage). Clicking the title of the section takes you to the Edit screen for the section page.
+-   The name of the section you are looking at is displayed at the top. Each section is also itself a page (in this case the homepage). Clicking the title of the section takes you to the Edit screen for the section page.
 -   As the heading suggests, below are the child pages of the section. Clicking the titles of each child page will take you to its Edit screen.
-
-![](../../_static/images/screen06_explorer_page_arrow.png)
-
 -   Clicking the arrows will display a further level of child pages.
 
 ![](../../_static/images/screen07_explorer_page_breadcrumb.png)
 
--   As you drill down through the site the breadcrumb (the row of pages beginning with the home icon) will display the path you have taken. Clicking on the page titles in the breadcrumb will take you to the Explorer screen for that page.
-
-![](../../_static/images/screen08_add_page_button.png)
-
--   To add further child pages press the Add child page button below the parent page title. You can view the parent page on the live site by pressing the View live button. The Edit button will take you to the page edit screen.
+-   As you drill down through the site, the breadcrumb (the row of pages beginning with the home icon) will display the path you have taken. Clicking on the page titles in the breadcrumb will take you to the Explorer screen for that page.
 
 ![](../../_static/images/screen09.1_page_more_dropdown.png)
 
--   Clicking on More dropdown will show a list of actions for the parent page, like Move, Copy, Delete, Unpublish, History. There will also be a Sort menu order button that will take you to the ordering page (see below)
+-   Clicking on the Actions dropdown will show a list of actions for the parent page, like Move, Copy, Delete, Unpublish, History. There will also be a Sort menu order button that will take you to the ordering page (see below)
+-   To add further child pages press the Add child page button. You can view the parent page on the live site by pressing the View live button. The Edit button will take you to the page edit screen.
 
 ![](../../_static/images/screen09.2_bulk_action_checkboxes.png)
 
 -   There is a checkbox on the left of each page row, hovering over the row will make it visible. There is also a checkbox at the top left of the header, used to select or deselect all other checkboxes.
-
-![](../../_static/images/screen09.3_bulk_action_bar.png)
-
 -   Selecting at least one checkbox will popup an action bar at the bottom, which will list all the available bulk actions for pages.
 -   Clicking on any action will take you to a separate view with all the selected pages, for confirmation
 -   Similar buttons are available for each child page. These are made visible on hover.

docs/editor_manual/getting_started.md

@@ -2,7 +2,7 @@
 
 ## The Wagtail demo site
 
-The examples in this document are based on [Torchbox.com](https://torchbox.com). However, the instructions are general enough as to be applicable to any Wagtail site.
+The examples in this document are based on [our bakery demo site](https://github.com/wagtail/bakerydemo). However, the instructions are general enough as to be applicable to any Wagtail site.
 
 For the purposes of this documentation we will be using the URL, **www.example.com**, to represent the root (homepage) of your website.
 

docs/editor_manual/managing_redirects.md

@@ -24,8 +24,6 @@ As a best practice Wagtail will check redirects as permanent by default, in orde
 
 ## Configuring redirects
 
-![](../_static/images/screen41_redirects_menu_item.png)
-
 To configure redirects head over to 'Redirects', which can be found in the Settings menu, accessible via the left-hand menu bar.
 
 ![](../_static/images/screen42_redirects_interface.png)

docs/editor_manual/new_pages/adding_multiple_items.md

@@ -1,16 +1,10 @@
 # Adding multiple items
 
-A common feature of Wagtail is the ability to add more than one of a particular type of field or item. For example, you can add as many carousel items or related links as you wish.
-
-![](../../_static/images/screen24_multiple_items_closed.png)
-
--   Whenever you see the white cross in the green circle illustrated here, it means you can add multiple objects or items to a page. Clicking the icon will display the fields required for that piece of content. The image below demonstrates this with a _Related link_ item.
+A common feature of Wagtail is the ability to add more than one of a particular type of field or item. For example, you can add as many authors to a page as you wish.
 
 ![](../../_static/images/screen25_multiple_items_open.png)
 
+-   Whenever you see the "+ Add" button illustrated here with "Add author(s)", it means you can add multiple objects or items to a page. Clicking the icon will display the fields required for that piece of content. The image below demonstrates this with a _Author(s)_ items.
 -   You can delete an individual item by pressing the trash can in the top-right.
--   You can add more items by clicking the link with the white cross again.
-
-![](../../_static/images/screen26_reordering_multiple_items.png)
-
+-   You can add more items by clicking the Add button again.
 -   You can reorder your multiple items using the up and down arrows. Doing this will affect the order in which they are displayed on the live page.

docs/editor_manual/new_pages/index.md

@@ -1,8 +1,8 @@
 # Creating new pages
 
-![](../../_static/images/screen08_add_page_button.png)
+![](../../_static/images/screen09.1_page_more_dropdown.png)
 
-Create new pages by clicking the **Add child page** button. This creates a child page of the section you are currently in. In this case a child page of the 'School of Fine Art' page.
+Create new pages by clicking the **Add child page** button. This creates a child page of the section you are currently in. In this case a child page of the 'Breads' page.
 
 % ADD IN OTHER WAYS A CHILD PAGE CAN BE ADDED?>>
 

docs/editor_manual/new_pages/inserting_images.md

@@ -6,7 +6,7 @@ There will obviously be many instances in which you will want to add images to a
 
 ## Inserting images using the image chooser field
 
-Often a specific image field will be used for a main image on a page, or for an image to be used when sharing the page on social media. For the standard page on Torchbox.com, the former is used.
+Often a specific image field will be used for a main image on a page, or for an image to be used when sharing the page on social media. For the standard page on the bakerydemo site, the former is used.
 
 ![](../../_static/images/screen14_add_main_image.png)
 

docs/editor_manual/new_pages/previewing_and_submitting_for_moderation.md

@@ -1,11 +1,17 @@
 # Previewing and submitting pages for moderation
 
-The Save/Preview/Submit for moderation menu is always present at the bottom of the page edit/creation screen. The menu allows you to perform the following actions, dependent on whether you are an editor, moderator or administrator:
+The Save/Submit for moderation menu is always present at the bottom of the page edit/creation screen. The menu allows you to perform the following actions, dependent on whether you are an editor, moderator or administrator:
 
 -   **Save draft:** Saves your current changes but doesn't submit the page for moderation and so won’t be published. (all roles)
--   **Submit for moderation:** Saves your current changes and submits the page for moderation. The page will then enter a moderation workflow: a set of tasks which, when all are approved, will publish the page (by default, depending on your site {ref}`settings<workflow_settings>`). This button may be missing if the site administrator has {ref}`disabled moderation<wagtail_moderation_enabled>`, or hasn't assigned a workflow to this part of the site. (all roles)
--   **Preview:** Opens a new window displaying the page as it would look if published, but does not save your changes or submit the page for moderation. (all roles)
+-   **Submit to Moderators approval:** Saves your current changes and submits the page for moderation. The page will then enter a moderation workflow: a set of tasks which, when all are approved, will publish the page (by default, depending on your site {ref}`settings<workflow_settings>`). This button may be missing if the site administrator has {ref}`disabled moderation<wagtail_moderation_enabled>`, or hasn't assigned a workflow to this part of the site. (all roles)
 -   **Publish/Unpublish:** Clicking the _Publish_ button will publish this page. Clicking the _Unpublish_ button will take you to a confirmation screen asking you to confirm that you wish to unpublish this page. If a page is published it will be accessible from its specific URL and will also be displayed in site search results. (moderators and administrators only)
--   **Delete:** Clicking this button will take you to a confirmation screen asking you to confirm that you wish to delete the current page. Be sure that this is actually what you want to do, as deleted pages are not recoverable. In many situations simply unpublishing the page will be enough. (moderators and administrators only)
 
 ![](../../_static/images/screen13_publish_menu.png)
+
+Other common page actions are available in the **Actions** dropdown, at the top of the screen.
+
+## Page previews
+
+To access Wagtail’s page preview, head over to the Preview side panel. A live-updating preview shows to the right of the page in Mobile mode, and it can be opened in a new tab displaying the page as it would look if published.
+
+![](../../_static/images/screen13_preview_panel.png)

docs/editor_manual/new_pages/required_fields.md

@@ -1,10 +1,7 @@
 # Required fields
 
 -   Fields marked with an asterisk are required. You will not be able to save a draft or submit the page for moderation without these fields being completed.
-
-![](../../_static/images/screen22_required_field.png)
-
 -   If you try to save/submit the page with some required fields not filled out, you will see the error displayed here.
--   The number of validation errors for each of the _Promote_ and _Content_ tabs will appear in a red circle, and the text, 'This field is required', will appear below each field that must be completed.
+-   The number of validation errors for each of the _Promote_ and _Content_ tabs will appear in a red circle, and the text, 'This field is required', will appear above each field that must be completed.
 
 ![](../../_static/images/screen23_validation_error.png)