InMotion Hosting Support Center

One of the great new features of Gutenberg is the Content structure button that can be found in the top bar of the Gutenberg editor. It provides a great amount of information about your post and page that may prove useful to you. This information includes the number of words in your post/page, the number headings, pargraphs, and blocks that makeup your post/page. It also provides a very convenient and compact outline of your post or page that you can use to jump to any point of your page/post listed within the outline. This article quickly shows you how to find the Content information button and how to display it. Note: This tutorial is based on WordPress version 4.9.8 and Gutenberg version 4.3.0.

This tutorial requires that you have already installed the Gutenberg plugin.

How to use the Content Structure Button in Gutenberg

  1. Log in to the WordPress Administrator.
  2. Next, you will need to click into a post or page that has some content already created. Otherwise, you will not see any statistics on the page/post. This tutorial uses the current demo page provided with Gutenberg (version 4.3.0). You can get to this page by clicking on Gutenberg in your site's menu in the WordPress Dashboard.
  3. Select the content structure icon In the bar at top you look in the top left corner. There you will see a circled "i". If you hover over the button you can see the title "Content structure." Click on this icon to see the page/post content information.
  4. Content info displayed You will then see the page/post content structure information displayed. If you click on any of the items listed within the content structure pop-up it will jump to that point in your post.

The content structure information of your page or post can prove valuable. It provides a quick snapshot of the length and structure of your post or page. You also get a very useful outline as defined by the title and headings that you have used. If the content is lengthy you can also use the outline as a navigation tool to jump to different portions of your page or post. Learn more about Gutenberg here.

Was this article helpful?
Continued Education in Course Gutenberg
You are viewing Section 2: How to use the Content Structure Option in Gutenberg
Section 1: Can I Use the Classic Editor in WordPress instead of Gutenberg?
Section 3: Learn How to Install Gutenberg

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Support Center Login

Our Login page has moved. Please click the button below to be redirected to the login page.

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!