How To Add Post In WordPress

Posted by TotalDC

Let’s continue our WordPress series and talk about how to add post in WordPress.

What Is Gutenberg

Gutenberg is a brand new editor for the WordPress platform. It has radically changed the way you create posts and pages and just about everything else on your site. Gutenberg arrived as part of WordPress 5.0, which was released in November of 2018. The block editor is designed to be intuitive and flexible. While it looks different than the old WordPress editor, it does all the things that you would be able to do in the classic editor but more easily and faster than before.

How To Add New Post In WordPress

Step 1 – hover over Posts tab in your WordPress dashboard and click Add New.

add new post in wordpress

Worth noticing that now in the new Gutenberg editor everything is a block. For example first block of every post you will ever create is title.

Step 2 – Add your post title. For example “My First Post”.

add post title in wordpress

Step 3 – add new block.

By default, the next block is a paragraph block. This allows users to start writing immediately.

But if you want to add something different, then you can click on the add new block button on the top left corner of the editor, below an existing block, or on the right side of a block.

add new block in wordpress gutenberg editor

When you clicked on the button you will see the add block menu with a search bar on top and commonly used blocks below.

You can click on tabs to browse block categories or type in a keyword to quickly search for a block.

If you don’t want to use a mouse to click on the button, then you can use a keyboard shortcut by typing / to search and add a block.

use keyboard shortcuts to search for block in gutenberg editor in wordpress

How To Work With Blocks In Gutenberg Editor In WordPress

Perhaps you noticed that each block comes with its own toolbar which appears on top of the block. The buttons in the toolbar would change depending on the block you selected.

For example when you are working in a paragraph block that shows basic formatting buttons like text alignment, bold, italic, insert link, etc.

block editing toolbar in gutenberg editor in wordpress

And each block can also have its own block settings which would appear in the right column of your edit screen.

block editing menu on the right side of gutenberg editor in wordpress

How To Organise Gutenberg Blocks In Groups And Columns In WordPress

You can select multiple blocks by clicking on them while pressing the SHIFT key on your keyboard.

group multiple blocks together in wordpress
select column or group in gutenberg

Then just click on the block type button in the toolbar to transform the selected blocks into groups or columns.

created column out of two blocks in gutenberg in wordpress

Now you can apply styles to the group block you have created. For example change their alignment or spacing.

The block editor also allows you to add an empty Group or Columns block. After that, you can fill them with other blocks.

add another block to a column or a group in gutenberg editor in wordpress

And fill in each column with any type of block to create beautiful layouts.

How To Save And Reuse Blocks In Gutenberg Editor In WordPress

Another amazing thing about blocks is that they can be saved and reused. This is very helpful for websites where you need to add specific content snippets to the articles or pages frequently.

To do that simply click on the menu button at the right corner of each block’s toolbar and select Add to reusable blocks option.

add to reusable blocks wordpress

Then give a name for your reusable block so that you can identify and reuse it later.

name reusable block in wordpress

After that click Save.

Not when you have saved a reusable block, let’s look at how you can add that reusable block into other WordPress posts and pages.

Simply edit the post or page where you want to add the reusable block. From the post edit screen, click on the add block button.

You will find your saved block when you click on + icon to add new block. You can also find it by typing its name in the search bar.

add reusable block to post or page in wordpress

Hover your cursor over it to see a preview of the block. Then simply click on the block to insert it into your post or page.

How To Add Some Commonly Used Blocks In Gutenberg Editor In WordPress

As you probably understand that this editor does everything that were possible to do with an old one, but more efficiently.

How To Add An Image In The Gutenberg Editor In WordPress

Simply add the block and then upload an image file or select from the media library.

add image to wordpress post or page in gutenberg editor

Or you can drag and drop images from your computer, and the editor will automatically create an image block for it.

Let’s say that have added an image, you will be able to see the block settings where you can add metadata for the image like alt text, size, add a link to the image, etc.

How To Add Link In The Gutenberg Editor In WordPress

The block editor comes with several blocks where you can add text. The most commonly used one is the paragraph block which comes with an insert link button in the toolbar.

All other commonly used text blocks also include a link button in the toolbar.

add link in post in gutenberg editor in wordpress

Or you can insert a link using the keyboard shortcut, which is CTRL + K on Windows And Command + K in Mac.

enter url for your link in gutenberg editor in wordpress

Then everything is quite simple, just type the URL and press enter. As you can see there is additional option to allow the link to open in new tab when someone clicks on it.

How To Add An Image Gallery In Gutenberg Editor In WordPress

The gallery block works like the image block. You add it and then upload or select image files.

How To Add An Image Next To Some Text In Gutenberg Editor In WordPress

You can do this now with the Media & Text block.

media and text block in gutenberg editor in wordpress

With this block you will get two blocks placed side-by-side allowing you to easily add an image with some text next to it.

How To Add A Button In Guttenberg Editor In WordPress

Gutenberg has a Buttons block that allows you to add a button to any post or page.

buttons block in gutenberg editor in wordpress

You can add a link for your button, change colors, etc.

How To Create Tables In Gutenberg Editor In WordPress

The Gutenberg editor comes with a Table block, which makes it super simple to add tables into your posts and pages.

Simply add the block and then select the number of columns and rows you want to insert.

tables block in gutenberg editor in wordpress

Simply select number of columns and rows and now you can start adding data to the table. You can always add more rows and columns if needed. Also there are basic style options available.

How To Publish Posts And Pages In Gutenberg Editor In WordPress

Keep in mind that WordPress post contains a lot of metadata like publish date, categories and tags, featured images, and more.

Here are the few other options present in the Publish section.

  • Save Draft – It saves the post as a draft.
  • Preview – You can preview your post before publishing.
  • Move to Trash – Deletes the post.
  • Status – Change the status of your post to Published, Pending, or Reviewer Draft.
  • Visibility – Change the visibility of the post to Public, Private or Password protected.
  • Published – Change the publishded post date and time.
publish post in wordpress

All these options are placed in the right column on the editor screen. Make sure to fill everything in. And then you are happy with your post simply click Publish.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: