How to use the View feature (original) (raw)

The View button is available in the top toolbar in the WordPress Block Editor and Site Editor. It’s used to preview what your post, page, or site looks like with the current changes applied.

In the WordPress Block Editor, click the Save button in the top toolbar to keep your changes as a draft of the post or page you’re working on. If you’re in the Site Editor, click the Save button in the top toolbar to keep the changes you made to your site and the templates you’re working on.

Now click the View button to see how your changes look on the front end for the post or page or for the site.

View in the WordPress Block Editor

View in the WordPress Block Editor

View in the Site Editor

View in the Site Editor

When you click View, it will display a drop-down menu with various options to preview the page, post, or site as shown below:

View drop down menu in the WordPress Block Editor

Desktop: By default, the Desktop view will be selected. You can preview how your page, post, or site will look on a desktop screen.

Desktop view for the View option

Desktop view

Tablet: When this view is selected, you will see how the page/post or your site will look on a tablet.

Tablet view for the View option

Tablet view

Mobile: When this view is selected, you will see how the page/post or your site will look on a mobile device.

Mobile view for the View option

Mobile view

Preview in new tab: When selected, WordPress will open the page/post or the site in a new tab on your browser.

In the Site Editor, you will see the following drop-down menu with the options Desktop, Tablet, Mobile, and View site which will open the site in a new tab on your browser.

View drop down menu in the Site Editor

View drop down menu in the Site Editor

Video showing the View feature

Changelog