How to get Continuous Numbering in a WordPress post after switching to Gutenberg
If you have switched over to Gutenberg from the Classic WordPress editor, you will discover the the method that is given above no longer works as a way of getting continuous numbering in a WordPress post. The good news is that all is not lost. To get continued numbering in WordPress when using the new WordPress block editor, all that you need to do is the following;
In the Gutenberg editor, click on the block on which you wish to have continuous numbering. Then click on “Edit as HTML”
Now, copy this code into your block;
<li class=”has-text-color has-background has-medium-font-size has-very-light-gray-color has-vivid-cyan-blue-background-color” style=”line-height: 0.9;”>Type you text here</li>
I am assuming that you wish to create numbered headings. Click on the three dots and and choose “Edit Visually” and you will see that you now have a colorful style to your header. Now, if you are not into that, simply remove the class section to remain with;
<li style=”line-height: 0.9;”>Type you text here</li>
Of course, you will change the number in start=”…” to the number that you want. That’s it! That’s how you get continuous numbering while using the WordPress Gutenberg Editor.
As you can see, getting continuous numbering in a WordPress post when using the block editor is a simple matter of adding the number and ) in front of the > symbol. The process is even simpler than when using the classic editor. To reiterate, you simply go to the code editor in Gutenberg and add the number plus bracket where you wish to have continued numbering.
Looking for more WordPress tips and tricks? Why not read this article in which we talk about how to backdate or postpone a WordPress post? Here is another article in which we give you tips on some of the must have WordPress plugins that can be found out there.