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.
When you click View, it will display a drop-down menu with various options to preview the page, post, or site as shown below:
Desktop: By default, the Desktop view will be selected. You can preview how your page, post, or site will look on a desktop screen.
Tablet: When this view is selected, you will see how the page/post or your site will look on a tablet.
Mobile: When this view is selected, you will see how the page/post or your site will look on a mobile device.
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.
Changelog
- Updated 2022-10-25
- Updated screenshots and content for 6.1.
- Added info for Site Editor
- Added ALT tags for the images
- Added video to show the feature
- Created 2020-08-22