[HelpHub] WordPress Editor

[femkreations]

Article: https://wordpress.org/documentation/article/wordpress-editor/

Update for 6.3

• Add component 50260
• Display device icon on "preview" and "view" buttons 50218
• Distraction Free Mode: Don't show the metaboxes 48947
• Improve "switch to draft" placement 50217
• Add the command center to the post editor 50128
• Updates the behavior of the top toolbar fixed setting 49634
• Update the document title in the template mode of the post editor 50864
• Apply busy status to the publish button in progress and unify button width 48444
• [Inserter - Media tab]: Upload Openverse images when inserted 48501
• Show a pointer/hint in the settings tab informing the user about the styles tab 47670

Update for 6.2

• Introduce distraction free mode 41740
• Edit Post: Improve distraction-free mode notices 45348
• Move document information and outline to list view panel 44788
• Block Inspector: Make Settings tab the default . 47592
• Block Inspector: Avoid advanced panel only settings tab . 47474
• Stabilize the block inspector tabs experiment . 47045
• Add text only mode for block inspector tabs . 46968
• Remove Block Inspector Button . 46709
• Rename appearance tab to styles . 46027
• Only render sidebar tabs possessing items to display . 45991
• Add list view tab for Navigation block et al . 45483
• Split block tools into menu, settings, and appearance tabs . 45005
• Don't show empty reusable tab if not allowed to insert reusable blocks 46922
• Openverse integration 46251
• Replace text in Reusable tab with an icon 45851
• Restore the empty paragraph inserter 45542
• Add media tab 44918
• Rename view to Preview 45074
• Move wordcount to the top of the outline 46648
• Stabilize the block inspector tabs experiment 47045
• Block Inspector: Make Settings tab the default 47592

Refer to this blog post for more details on the block inspector

General

• Make sure all screenshots are relevant to the latest version
• Make sure videos, if any, are up to date
• Add ALT tags for the images
• Make sure the headings are in sentence case
• Convert all reusable blocks to a ‘regular block’.
• Update the changelog at the end of the article

[zzap]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[github-actions]

Heads up @zzap @femkreations - the "block editor" label was applied to this issue.

[github-actions]

Heads up @femkreations @atachibana - the "user documentation" label was applied to this issue.

[annezazu]

Added in mention of distraction free mode and updated the "more options" screenshot to include it, along with the new settings icon as part of this effort.

[femkreations]

Adding 6.3 tasks and moving to the 6.3 board

[shabnam611]

I can work on this.

[github-actions]

Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.

[Leonardus-Nugraha]

I'm returning this to the "To do" group, as some updates still need to be done, and some screenshots are outdated. For example, this article still doesn't cover the split block tools to "settings" and "styles"

[atachibana]

I triage existing issues before actual writing.

n/a - UI improvement in the template mode

• Update the document title in the template mode of the post editor 50864

n/a - UI improvement when the first trial

• Show a pointer/hint in the settings tab informing the user about the styles tab 47670

n/a - UI improvement for the distraction-free mode

• Edit Post: Improve distraction-free mode notices 45348

n/a - UI improvement for the Block Inspector (Screenshots should be updated)

• Block Inspector: Make Settings tab the default . 47592
• Block Inspector: Avoid advanced panel only settings tab . 47474
• Stabilize the block inspector tabs experiment . 47045
• Add text only mode for block inspector tabs . 46968
• Rename appearance tab to styles . 46027
• Only render sidebar tabs possessing items to display . 45991
• Add list view tab for Navigation block et al . 45483
• Split block tools into menu, settings, and appearance tabs . 45005

n/a - UI improvement for the Block Inserter

• Don't show empty reusable tab if not allowed to insert reusable blocks 46922
• Replace text in Reusable tab with an icon 45851
• Restore the empty paragraph inserter 45542

n/a - UI improvement for the menu

• Remove Block Inspector Button . 46709

Should be fixed

• Add the command center to the post editor 50128

Also, the content is very confusing due to multiple editors' revisions. I will fix them.

[atachibana]

The block editor’s workspace

...

Fig. WordPress Block Editor

The top toolbar

Before you publish your post or page, you will see the following options in the top toolbar.

Fig. Top toolbar before publishing

After the publishing, you will see the following options.

Fig. Top toolbar after publishing

1. View Posts / View Pages: Shows the W icon ... (as is)
2. Toggle block inserter: Shows or Hides block inserter that allows users to add block, patterns or media to your post or page.
3. Tools: Switch ... (as is)
4. Undo and Redo: (as is)
5. Document Overview: It includes List View and Outline.
   List View shows a list of ... (as is)
   Outline shows the post/page details ... (as is)
6. Command Palette: The Command Palette helps you streamline your workflow in the WordPress editor by providing a centralized location to work on various aspects of your site’s design. Click this field, or press Cmd+k on Mac or Ctrl+k on Windows. For more details about Command Palete, refer "Editor Command Palette" https://wordpress.org/documentation/article/site-editor-command-palette/
7. Save draft: Save a ... (as is)
8. View: Views how your post/pages looks (as is)
   For more details, refer this page https://wordpress.org/documentation/article/how-to-use-the-preview-function/
9. Zoom out: The Zoom out mode allows users to zoom out to edit and create at the pattern level over granular block editing.
10. Settings: Show or hide the post/page sidebar settings and the block settings.
11. Publish: Make your ... (as is)
12. Options: Open up more options.
13. View Post / View Page: After you publish your post or page, you will see this new option. Opens a new tab where you can see how your post/page looks on the frontend.

More options

If you click the three dots icon in the top toolbar, additional options are displayed. Here, you can customize your editing experience using various options.

View

• Top toolbar: Display or hide ... (as is)
• Distraction free: When enabled, this option ...(as is)
• Spotlight mode: With spotlight mode, all block out ...(as is)
• Fullscreen mode: When enabled, this mode hides the Administration screens user interface.

Editor

(as is)

Tools

Here, you can learn keyboard shortcuts, copy all content on the post/page, view additional support articles, manage patterns or visit the WordPress block editor welcome guide.

Preferences

(as is)

[atachibana]

Done 🎉
https://wordpress.org/documentation/article/wordpress-block-editor/