Welcome Guest! Login? Checkout

Remember folks, there’s no such thing as a stupid question.

Recently I had an issue within the new shiny editor of Gutenberg in that…well…I couldn’t work out how to create paged posts in Gutenberg. I needed a paged post within by debug environment to fix a bug for Inline Tweet Sharer. For the live of me, I couldn’t find out how. I needed to find how to add paged posts into Gutenberg, so I went to my development environment.

After a bit of digging, I managed to find out how to do it. This post will show you how to add paged posts into Gutenberg.

How to Add Paged Posts into Gutenberg

Thankfully it was fairly straighforward. To do so, you need to add a few page breaks to your post. Page breaks is located in the “Blocks” tab, under “Layout Blocks”.

The Page Break block in Gutenberg is located in the Layout Elements section of the "Blocks" tab.

If you add a couple of these within a post then you will get the classic page navigation that you are used to in pre-Gutenberg days. As this is a block (like paragraphs), you can easily drag and drop these dividers to where you wish them to be on your post. This makes it incredibly easy and convenient to restructure posts, as previously in WordPress page breaks were managed by HTML comments. This meant you couldn’t drag and drop in the visual editor where you wanted the page breaks to go.

Gutenberg is coming probably around late summer now, and it can be a bit of a learning curve to make yourself familiar with it. Those who are quite familiar with the WordPress world can get stuck with the simplest problems. Don’t be afraid to seek help. As even with something as big and scary as Gutenberg, there is plenty of resource out there that can help you.

 
 
 
WP Engine Managed WordPress Hosting

Comments

Polite Disclaimer: I am welcome, open and willing for corrections to be shared in the comments (with corrections being added to posts and credited), and the comments field should be used to promote discussion and make this post better. I do not know everything and if anybody finds a better way to do something, then by all means please share it below.

However, I'm unable to offer support to posts. The reason being is that WordPress has tens of thousands of plugins and millions of themes. As such, finding out exactly why code doesn't work with your setup is a long process. If you wish for me to look at your code, please use the priority support area.

Comments asking support will be left on the site, but there is no guarantee of answer.

    Leave a Reply

    Your email address will not be published.

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