Feb 172022
 

WordPress Gutenberg Editor View Post shows you how to organize the preview or publish of a post or a page and much more.

Last Updated: July 6, 2023

Latest News: Updated missing tags and category in the backend.

The following tutorial shows you how to organize the preview, publish or update of a new post or page. You can choose when to publish a post or page, add some tags and much more. You can also preview a post or page while you are creating the content. These steps are very simple to follow.

What you need:

WordPress Gutenberg Editor Tutorials:

WordPress Gutenberg Editor View Post

Step 1 ) Create a new post, page or edit a post or page. You can choose to preview the post or page before you decide to publish.

When you click on Preview button as illustrated in the image below it allows you to choose from the following options.

Preview Post or Page Options

  • Desktop
  • Tablet
  • Mobile
  • Preview in a new tab

wordpress-gutenberg-preview-post-options

Publish

Step 2 ) The following image shows you the Gutenberg editor Publish button. This is located on the top right hand side of the screen.

wordpress-gutenberg-publish-post

Step 3 ) The following image shows you the following options after you click on Publish button.

Publish Button Options

  • Visibility: Note: Check Step 3-a ) below.
  • Publish: Note: Check Step 3-b ) below.
  • Suggestion: Note: Check Step 3-c ) below.

wordpress-gutenberg-publish-post-options

Step 3-a ) The following image Visibility allows you to choose from the following options.

Visibility Options

  • Public
  • Private
  • Password Protected

wordpress-gutenberg-publish-post-option-visibility

Step 3-b ) The following image Publish allows you to choose from the following options.

Publish Options

  • Day, month and year
  • Hour, minutes and AM or PM
  • Choose a date from the calendar view
  • Click on Reset link.
  • Click on Calendar Help link.

wordpress-gutenberg-publish-post-option-publish

Step 3-c ) The following image Suggestion allows you to add new tags for your post.

wordpress-gutenberg-publish-post-option-suggestion

Step 3-d ) The following image shows you the following options after you click on Publish button and selected the appropriate options from the previous step.

Publish Button

  • Post address
  • Click on View Post button
  • Click on Add New Post button

wordpress-gutenberg-view-post

Update

Step 4 ) The following image shows you the View Post button after you click on the Update button. This button is displayed while you are updating a post or a page.wordpress-gutenberg-update-post-page

Permalink URL

Step 5 ) The following image shows you the URL link to view the post located under Permalink.

wordpress-gutenberg-view-post-url

==============================

That is how simple it is to view a page or post using Gutenberg Editor.

If you have any questions please let me know. I will be updating this tutorial from time to time.

Enjoy.

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

14 + 4 =