How to add New WordPress Post using the Gutenberg Editor

Hi4Web > Blog > Wordpress > How to add New WordPress Post using the Gutenberg Editor

Writing the first post is the next step after you have a beautiful themed WordPress site, of course. Well, although this seems like such an easy task, today we are dealing with the most basics of writing a post on WordPress detailing each feature on the Add New post screen.

WordPress posts function differently depending on the type of editor you have. In this article, we are going to show you the new Gutenberg Editor.

To get to the page to add a new post login > Dashboard > Click Posts > Add New. You will now see a screen to add a new post with the following features.

1. Title and Content Sections

The top part of the page is reserved for the Title. Underneath that, you have the option to insert all kinds of Content. The interface is actually pretty clean and easy to understand.

2. Adding Blocks

In the Gutenberg Editor, the content is placed in blocks. There are different types of blocks for different types of content.

If you want to insert an image gallery, for example, you will need to go to Common Blocks > Click Gallery. then, you can either upload an image from your computer or directly import one from the media library.

When a block is selected, you can bring out the follow additional options by clicking on the three vertical dots just above it.

  1. You can Hide Block Settings to clear out the options section in the right.
  2. you have the option to duplicate the current block.
  3. add another block right above or below the current one.
  4. edit the block as an HTML. It can be very helpful for those who have the appropriate technical knowledge.
  5. You can also save the current block as a Reusable Block to be used later on.
  6. you can delete the current block entirely by clicking on the Remove Block button.

3. Saving and Publishing the Post

To the save the current draft, all you need to do is click on the Save Draft button in the top right corner. Beside that is the Preview button, which allows you to check how the current post would look to your visitors. Finally, the Publish button will publish this post to your site.

There also are the gear icon to the right of the Publish button, it will bring out the following additional options.

  1. The Status and Visibility panel, you can find the option to set the visbility of the post.
  2. You can choose the post is publicprivate or password protected.
  3. You can choose the post is published immediately or scheduled it to be published at a later date.
  4. You can choose to stick it to the front page, above all other posts.
  5. You can even set your post to be pending a review.
  6. You can click on the Move to trash button if you want to delete your post.
  7. You find the useful Revisions option. If you want to undo certain changes, revert your post to a previous version.
  8. You can see the permalink for the post. You can change the URL of this post from there.

4. Categories and Tags

After the Permalink, you can find more panels containing more options.

  1. You can select the categories that your post falls under it.
  2. You can add new categories, if you haven’t one.

Below that, you can add tags for your post. Just type in your tags separated by a comma.

5. Featured Image, Excerpt, and Discussion

Another convenient option that the Gutenberg Editor provides is:

  1. The ability to set a featured image easily. Just click on Set Featured Image button and select your image from the media library.
  2. You can also write a short summary of the post to be displayed as an Excerpt.
  3. You can also choose to enable or disable the comments for that post.
  4. It is also possible to do the same for Ping backs & Trackbacks.

6. Block Options

You can also access a separate set of options for each block by selecting a block and clicking on the Block tab on the right.

From there you can change the font size. You can also set the first letter of a paragraph to be large by enabling Drop Cap

  1. You can also change background color and text color for the block below.
  2. You can choose between a number of preset colors or select a custom color using the color picker.
  3. You can add additional CSS Class if you know what you’re doing.

The Block options allow you to set the alternative textimage size, and even dimensions easily.

You can even choose if the image links to anything, and choose it Link To the media file, the  attachment page, or a custom URL.

7. More Tools & Options

In order to show more tools & options, you will need to click on the three vertical dots on the top right corner.

you can change the way the Gutenberg Editor looks, By enabling or disabling the Top Toolbar.

  1. You can turn on the Spotlight Mode, only the currently selected block will be highlighted.
  2. You can also enabling Full screen Mode will hide everything except the post editor to help you avoid distractions.
  3. The Code editor enables you to work directly with the code of your post.
  4. The Manage All Reusable Blocks will bring you to a page where you can directly managed the Gutenberg Blocks that you’ve saved.
  5. You can also check out the keyboard shortcuts from here.
  6. The Options allows you to set which of the options panels are visible and enable pre-publish checks as well as tips.

Now that you have the basic idea of how each of the features works about the Gutenberg Editor, so you will easily be able to add a new post to your WordPress. Hope this article helped you out!

(Visited 12 times, 1 visits today)

Share this:

Leave a Reply

Your email address will not be published. Required fields are marked *