{"id":13295000,"date":"2020-08-21T19:10:07","date_gmt":"2020-08-21T19:10:07","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=13295000"},"modified":"2023-01-12T22:06:57","modified_gmt":"2023-01-12T22:06:57","slug":"how-to-use-the-preview-function","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/how-to-use-the-preview-function\/","title":{"rendered":"How to use the View feature"},"content":{"rendered":"\n

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

In the WordPress Block Editor<\/a>, click the Save<\/strong> 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,<\/a> click the Save<\/strong> button in the top toolbar to keep the changes you made to your site and the templates you’re working on. <\/p>\n\n\n\n

Now click the View<\/strong> button to see how your changes look on the front end for the post or page or for the site.<\/p>\n\n\n\n

\"View
View<\/strong> in the WordPress Block Editor<\/figcaption><\/figure>\n\n\n\n
\"View
View<\/strong> in the Site Editor<\/figcaption><\/figure>\n\n\n\n

When you click View<\/strong>, it will display a drop-down menu with various options to preview the page, post, or site as shown below:<\/p>\n\n\n\n

\"View<\/figure>\n\n\n\n

Desktop<\/strong>: By default, the Desktop view will be selected. You can preview how your page, post, or site will look on a desktop screen.<\/p>\n\n\n\n

\"Desktop
Desktop view<\/figcaption><\/figure>\n\n\n\n

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

\"Tablet
Tablet view<\/figcaption><\/figure>\n\n\n\n

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

\"Mobile
Mobile view<\/figcaption><\/figure>\n\n\n\n

Preview in new tab<\/strong>: When selected, WordPress will open the page\/post or the site in a new tab on your browser.<\/p>\n\n\n\n

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

\"View
View drop down menu in the Site Editor<\/figcaption><\/figure>\n\n\n\n