Basic Tutorial #8:

How to Add a Post to Your WordPress Website


Content is what visitors to your site are looking for.

Just as visitors to your home don’t check out how the foundation was poured or the framing, visitors to your website don’t generally care about those elements either.

As long as your navigation works and the site is visually pleasing, they’ll focus on the content.

That’s as it should be.

Fortunately the steps to add content to pages and posts on your WordPress site are similar, whether that content is words, images, video or audio — or any combination.

In this article we’ll walk through the basics of how to add a post to your WordPress site if you’re using Gutenberg Blocks. Later on we’ll get into some of the finer details of how to use blocks. (If you’re still using the Classic Editor — and you shouldn’t be — there’s a helpful tutorial here).

As always, you start at the WordPress Dashboard. The process of adding a new post or page is simple, requiring only three steps but, as they say, the devil is in the details.

Gutenberg was introduced as the default editor in WordPress core in December, 2018, and the old Classic Editor will be phased out soon.

While it looks vastly different, it’s really not hard to master.

#1. Select Posts/Add New

Notice the Posts item on the left-hand side of the dashboard. When you hover over it, you’ll see All PostsAdd NewCategories and Tags.

How to add a post to WordPress using the Gutenberg editor
The screen you see when you click Add New to add a post using the Gutenberg editor.

Click Add New and you’ll see a screen that looks like this. This is your editing window. You can make it distraction free by clicking the hamburger (three dots) menu to the far right of the upper navigation bar, then selecting Fullscreen Mode.


click the hamburger menu, then select Fullscreen Mode for distraction-free editing.
select Fullscreen mode for distraction-free editing

It doesn’t look like much, does it?

Adding the post is very simple — add a title, and create some content, then save it and publish it.

Seeing this nearly blank screen can feel a little overwhelming at first, but it’s not hard once you understand the most basic concept — that everything is built with blocks.

Let’s take a closer look.

#2. Add Blocks

In the old Classic Editor, you worked with a single block that incorporated text, headings, images, etc. In Gutenberg, each of those items is a separate block.

Now, if you’re simply typing paragraph after paragraph, you don’t have to do anything special. But if you want to add a heading, an image, a table, or any other type of block (and there are a lot of them!), you need to specify the type of block you’re adding.

You do that by clicking on the + sign, either on the editing screen or at the top of the window on the left, then selecting the type of block you want to add. These choices will change contextually, depending on what blocks you use most frequently. We’ll get into that in more detail later.

Click the plus sign to add a new block to your page or post

Once you click the plus sign, you’ll see a dropdown with all the available blocks. Some are part of WordPress core, and others are added by your theme or plugins. If you look at the choices below, all of them are part of WordPress core except the last, which is there because this site uses the Strong Testimonials plugin.

WordPress core text blocks

At the top is a Search box, so if you know the name of the block you want, you can type it into the search box.

Below the search are three tabs — Blocks, Patterns, and Reusable. We’ll start with the blocks that are part of WordPress core. These are the blocks common to every WordPress site.

Below I’ve listed the different types of blocks, and the core blocks available for each type.

Text Blocks

  • Paragraph
  • Heading
  • List
  • Quote
  • Classic
  • Code
  • Preformatted
  • Pullquote
  • Verse

Media Blocks

  • Image
  • Gallery
  • Audio
  • Cover
  • File
  • Media & Text

Design Blocks

  • Buttons
  • Columns
  • Row
  • Stack
  • Group
  • More
  • Page Break
  • Separator

Layout Blocks

  • Separator
  • Button
  • Columns
  • Media and Text
  • More
  • Page Break

Embeds

This category includes over 30 items, including:

  • YouTube
  • Vimeo
  • Embed
  • Twitter
  • Facebook
  • Instagram
  • WordPress
  • SoundCloud
  • Spotify
  • Flickr
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion

  • Funny or Die
  • Hulu
  • Imgur
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Photobucket
  • Reddit
  • Reverbnation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • SpeakerDeck
  • TED
  • Tumblr
  • VideoPress

Widgets

Yes, you can now put widgets anywhere on a post or a page using the Widgets block! Your available widgets will vary depending on your theme and plugins, but will usually include:

Yoast

If you’ve installed the Yoast SEO plugin, you’ll also have Yoast Structured Data Blocks and Yoast Internal Linking Blocks.

Patterns

Patterns give you options for combining several blocks into a pattern.

Reusable

You can make any block, from any page or post, reusable. The uses for this are endless. Once you’ve created a reusable block, it will be available to you in the blocks menu under the Reusable tab.

Context Sensitive Menus

One of the big ways the Gutenberg editor differs from the Classic Editor is that the menus are context sensitive. That means, they change depending on what you’re doing at that moment.

When you add or highlight a paragraph, your menu looks like this:

But when you’re working on an image, here’s what the menu looks like:

If you’re going along adding paragraph after paragraph, just type the way you do normally. When you hit the Return key, WordPress automatically gives you a new Paragraph Block.

Some blocks can be swapped for related types. For example, you can change a Paragraph to a Heading very easily.

To change the Paragraph to a Heading block, click the paragraph symbol in the menubar immediately above the paragraph you want to change.

To create your page, just keep adding blocks until you’re done.

#3. Save and Publish

To the right of your editing window, you’ll see another set of menus, with two tabs. (If it’s not visible, click the settings button to display it.)

Click the gear icon to display settings for the page or post you're working on.

The first tab will say Page or Post depending on whether you’re adding a post or a page.

page settings

The second tab, Block, contains information about the block that’s currently highlighted.

Click the Block tab for more information about the selected block

Click the Page tab to see your document’s current status (published, draft, etc.), or move it to the trash.

This is also where you’ll view and edit the permalink, select categories and tags, set your featured image, write your excerpt, and specify whether you’ll allow comments. If you’re not familiar with these, don’t worry, we’ll cover them in upcoming tutorials.

Once you’re satisfied with your new post or page, you can publish it immediately by clicking the big blue Publish button at the top of the page, or schedule publication within the Status & visibility section of the Page or Post menu.

When you click the Publish button, you’ll have another opportunity to schedule publication for a later time. You’ll also see a reminder to add tags if you’ve omitted that step.

So there you have it — you can add a new WordPress post using the Gutenberg editor in three easy steps.

This tutorial was updated on July 14, 2022.


I totally get it.

You’re a freelancer or solo business owner. You need a website (or maybe you need to update the one you’ve got), but you don’t speak Geek and you just want to get it done.

You know that WordPress can make that website-building-thing a whole lot easier for you, but you’re not sure where to start. Or maybe you’ve bounced around a bunch of “helpful” sites and social media and now you’re more confused than when you started.

You just want to cut through the clutter, put up a site that will help you grow your business, and get back to the things you’d rather be spending your time on.

You need The WordPress Beginner’s Blueprint.

the WordPress Beginner's Blueprint

Grab the Blueprint Now

* indicates required

Leave a Reply

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