{"id":671,"date":"2021-03-29T15:06:13","date_gmt":"2021-03-29T15:06:13","guid":{"rendered":"https:\/\/black.host\/blog\/?p=671"},"modified":"2022-05-05T10:00:29","modified_gmt":"2022-05-05T10:00:29","slug":"wordpress-5-7-gutenberg-table-of-contents","status":"publish","type":"post","link":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents","title":{"rendered":"WordPress 5.7, Gutenberg And Table of Contents Block"},"content":{"rendered":"\n<p>This article is all about WordPress 5.7, Gutenberg, and Table of Contents block! And if you get lost while searching for <a href=\"https:\/\/black.host\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\">exceptional WordPress hosting<\/a>, just click the link, and we&#8217;ll get you back on track!<\/p>\n\n\n\n<p>We welcomed the first big WordPress release of 2021 a few weeks ago, just a day after sending our heartfelt congratulations to all the powerful women and girls around the world. And, just as a special treat for March 8, this edition happily surprised us with a range of new features. In the following section, we&#8217;ll go through all of the significant improvements that this new release gives us. After that, we&#8217;ll turn our attention to Gutenberg and its ToC.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\/#WordPress_57_%E2%80%9CEsperanza%E2%80%9D\" >WordPress 5.7 &#8220;Esperanza&#8221;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\/#Gutenberg_Table_of_Contents\" >Gutenberg Table of Contents<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-wordpress-5-7-esperanza\"><span class=\"ez-toc-section\" id=\"WordPress_57_%E2%80%9CEsperanza%E2%80%9D\"><\/span>WordPress 5.7 &#8220;Esperanza&#8221;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>As I said, It&#8217;s the first <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-7\/\" target=\"_blank\" rel=\"noreferrer noopener\">major WP release for 2021<\/a>. This WordPress edition was named after the legendary musician artist Esperanza Emily Spalding. JFYI, she has created a whole album in just 77 hours straight! How amazing is that? So, I encourage you to play her album &#8220;EXPOSURE&#8221; while reading this article! \ud83c\udfb6<\/p>\n\n\n\n<p>WordPress 5.7 editor is designed to be user-friendly in any way. You can now edit various areas without getting into the code. If you love this idea, keep reading and discover some great new opportunities. \ud83c\udd95<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"496\" style=\"aspect-ratio: 960 \/ 496;\" width=\"960\" controls loop src=\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress-5.7-Drag-and-Drop.mp4\"><\/video><figcaption>Drag &amp; Drop on WordPress 5.7<\/figcaption><\/figure>\n\n\n\n<p>\u27a1\ufe0f The best part in my opinion is that you can now use <strong>Drag &amp; Drop.<\/strong> Simply click the + button to add any block element to your page, then drag and drop it wherever you want. It&#8217;s easy peasy lemon squeezy! You can see how to do this in the video above.<\/p>\n\n\n\n<p>\u27a1\ufe0f <strong>Font Sizing<\/strong> can be adjusted for a broader range of places. You can now easily change the font-size of your Lists and Code Blocks \ud83d\udd20 \ud83d\udd21<\/p>\n\n\n\n<p>\u27a1\ufe0f Enhanced <strong>Reusable Blocks<\/strong>. Just created a new block that excites you and would like to use it again in another post? Don&#8217;t worry (as you may already know) you can save and re-use blocks or groups of blocks with WordPress. But now they are more stable, improved, and easier to use.<\/p>\n\n\n\n<p>\u27a1\ufe0f Full-height<strong> Cover Block<\/strong>. You can make a block covering the entire window! And regardless if it&#8217;s a background image, color, or gradient, you can add any text on top of it.&nbsp;<\/p>\n\n\n\n<p>\u27a1\ufe0f Editable <strong>Button Blocks<\/strong>. You can now choose between two layouts for your buttons \ud83d\udea5 Horizontal or \ud83d\udea6Vertical. Plus, you can additionally set the width of your buttons to a percentage.<\/p>\n\n\n\n<p>\u27a1\ufe0f Customizable <strong>Social Icons Block<\/strong>. If you use <a href=\"https:\/\/www.facebook.com\/BlackH0ST\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>, <a href=\"https:\/\/twitter.com\/_blackhost\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a>, or another social media platform for your company, you may want to include a social icon block in your pages. Furthermore, with WordPress 5.7 you can easily adjust the size of your icons.<\/p>\n\n\n\n<p>\u27a1\ufe0f A simpler <strong>Color Palette<\/strong>. But let&#8217;s be clear, simpler does not mean worse. All of the WordPress source code colors have been reduced to seven core colors, each with a variety of 56 shades. Also, this version offers a wider selection of lighter and darker color schemes. \ud83c\udfa8<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1114\" src=\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/wordpress-admin-color-palette-WP57-2048x1114-1.png\" alt=\"WordPress 5.7 Color Palette\" class=\"wp-image-673\" srcset=\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/wordpress-admin-color-palette-WP57-2048x1114-1.png 2048w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/wordpress-admin-color-palette-WP57-2048x1114-1-300x163.png 300w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/wordpress-admin-color-palette-WP57-2048x1114-1-1155x628.png 1155w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/wordpress-admin-color-palette-WP57-2048x1114-1-768x418.png 768w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/wordpress-admin-color-palette-WP57-2048x1114-1-1536x836.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><figcaption>WordPress 5.7 Color Palette<\/figcaption><\/figure>\n\n\n\n<p>\u27a1\ufe0f <strong>HTTP<\/strong> \u23ed\ufe0f <strong>HTTPS<\/strong>. It has never been easier to switch from HTTP to HTTPS; all it takes is a single click of a button. Which you have to click. Now! You no longer have any excuses.<\/p>\n\n\n\n<p>\u27a1\ufe0f New <strong>Robots API<\/strong>. You can now control the robot meta tag on your web pages. Furthermore, search engines can boost your traffic by showing larger image previews.<\/p>\n\n\n\n<p>\u27a1\ufe0f <strong>Lazy-loading iFrames<\/strong>. You should think about <a href=\"https:\/\/black.host\/blog\/6-tips-for-speeding-up-your-website\" target=\"_blank\" rel=\"noreferrer noopener\">speeding up your website<\/a>. Thus, WordPress 5.7 allows you to use lazy-loading for your iFrames to boost your site&#8217;s performance.<\/p>\n\n\n\n<p>\u27a1\ufe0f <strong>jQuery 3.5.1<\/strong>. jQuery makes it easier to use JavaScript on a website. So, with the latest version of WordPress comes the latest version of jQuery and brings many improvements.<br>Meanwhile, if you want to discover more about the other features that &#8220;Esperanza&#8221; brings, please check this <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/23\/wordpress-5-7-field-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress 5.7 Field Guide<\/a>.<\/p>\n\n\n\n<p>And now, let&#8217;s dive into Gutenberg! \ud83e\udd3f<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-gutenberg-table-of-contents\"><span class=\"ez-toc-section\" id=\"Gutenberg_Table_of_Contents\"><\/span>Gutenberg Table of Contents<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I&#8217;m sure you&#8217;ve all heard of <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>, the well-known WordPress block editor. It has over 21M total downloads and over 300K active installations. But if you want to download and use it, your WP version should be 5.3 or higher, and your PHP version should not be less than 5.6. And I have some great news; you can use Gutenberg if you&#8217;re using Esperanza.<\/p>\n\n\n\n<p>This editor recently added a table of contents (ToC) block. This is something that you should use in your posts, especially if you have long-content posts. It&#8217;s user-friendly and can help visitors find and go to what they&#8217;re searching for in a click. Also, it gives an overview of the content.<\/p>\n\n\n\n<p>You can include a ToC anywhere in your article, but the best place to put it is at the top of the page. Based on the headings on your post, the block will generate a Table of Contents itself. However, if you don&#8217;t have any content in your post and add a ToC block, it will be empty (as shown in the picture below). Therefore, only after you start adding Heading blocks to your content, only then they&#8217;ll be linked to your Table of Contents block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1792\" height=\"840\" src=\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/Gutenberg_Table-of-Contents.jpeg\" alt=\"Gutenberg Table of Contents - Without Heading Blocks\" class=\"wp-image-674\" srcset=\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/Gutenberg_Table-of-Contents.jpeg 1792w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/Gutenberg_Table-of-Contents-300x141.jpeg 300w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/Gutenberg_Table-of-Contents-1200x563.jpeg 1200w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/Gutenberg_Table-of-Contents-768x360.jpeg 768w, https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/Gutenberg_Table-of-Contents-1536x720.jpeg 1536w\" sizes=\"auto, (max-width: 1792px) 100vw, 1792px\" \/><figcaption>Gutenberg Table of Contents Block<\/figcaption><\/figure>\n\n\n\n<p>By default, this block&#8217;s title is &#8220;Table of Contents&#8221; but you can change it to whatever you want. Moreover, you can choose which heading levels you want to show or hide from your ToC (from H1 to H6), and you can customize the list styling. Your headings and subheadings will be adequately nested and presented in a hierarchical order based on your content.<\/p>\n\n\n\n<p>And that&#8217;s it! You now know how to add a Table of Contents to your posts. \ud83d\ude09<\/p>\n\n\n\n<figure class=\"wp-block-pullquote alert\"><blockquote><p>p.s. Don&#8217;t forget to update your WordPress to 5.7!<\/p><\/blockquote><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This article is all about WordPress 5.7, Gutenberg, and Table of Contents block! And if you get lost while searching for exceptional WordPress hosting, just click the link, and we&#8217;ll get you back on track! We welcomed the first big WordPress release of 2021 a few weeks ago, just a day after sending our heartfelt [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":694,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[371],"tags":[407,411,409,385],"class_list":["post-671","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-gutenberg","tag-gutenberg-block","tag-table-of-contents","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>WordPress 5.7, Gutenberg And Table of Contents Block - BLOG | BlackHOST<\/title>\n<meta name=\"description\" content=\"Learn what&#039;s new and exciting in WordPress 5.7 and how to use the Gutenberg editor to add a Table of Contents (ToC) block to your posts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress 5.7, Gutenberg And Table of Contents Block\" \/>\n<meta property=\"og:description\" content=\"Learn what&#039;s new and exciting in WordPress 5.7 and how to use the Gutenberg editor to add a Table of Contents (ToC) block to your posts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\" \/>\n<meta property=\"og:site_name\" content=\"BLOG | BlackHOST\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BlackH0ST\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-29T15:06:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-05T10:00:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sarah Olsen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@_blackhost\" \/>\n<meta name=\"twitter:site\" content=\"@_blackhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sarah Olsen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#article\",\"isPartOf\":{\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\"},\"author\":{\"name\":\"Sarah Olsen\",\"@id\":\"https:\/\/black.host\/blog\/#\/schema\/person\/c43b4e6f942e3c300b2e5cb99a6bc102\"},\"headline\":\"WordPress 5.7, Gutenberg And Table of Contents Block\",\"datePublished\":\"2021-03-29T15:06:13+00:00\",\"dateModified\":\"2022-05-05T10:00:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\"},\"wordCount\":945,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/black.host\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage\"},\"thumbnailUrl\":\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png\",\"keywords\":[\"Gutenberg\",\"Gutenberg Block\",\"Table of Contents\",\"WordPress\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\",\"url\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\",\"name\":\"WordPress 5.7, Gutenberg And Table of Contents Block - BLOG | BlackHOST\",\"isPartOf\":{\"@id\":\"https:\/\/black.host\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage\"},\"image\":{\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage\"},\"thumbnailUrl\":\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png\",\"datePublished\":\"2021-03-29T15:06:13+00:00\",\"dateModified\":\"2022-05-05T10:00:29+00:00\",\"description\":\"Learn what's new and exciting in WordPress 5.7 and how to use the Gutenberg editor to add a Table of Contents (ToC) block to your posts.\",\"breadcrumb\":{\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage\",\"url\":\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png\",\"contentUrl\":\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png\",\"width\":1200,\"height\":675,\"caption\":\"WordPress 5.7 Gutenberg Table Of Content Block\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/black.host\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress 5.7, Gutenberg And Table of Contents Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/black.host\/blog\/#website\",\"url\":\"https:\/\/black.host\/blog\/\",\"name\":\"BLOG | BlackHOST\",\"description\":\"Your favorite web hosting blog\",\"publisher\":{\"@id\":\"https:\/\/black.host\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/black.host\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/black.host\/blog\/#organization\",\"name\":\"Black HOST Ltd\",\"alternateName\":\"BlackHOST\",\"url\":\"https:\/\/black.host\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/black.host\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2020\/06\/Logo_version2-01.png\",\"contentUrl\":\"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2020\/06\/Logo_version2-01.png\",\"width\":2560,\"height\":1035,\"caption\":\"Black HOST Ltd\"},\"image\":{\"@id\":\"https:\/\/black.host\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/BlackH0ST\/\",\"https:\/\/x.com\/_blackhost\",\"https:\/\/www.linkedin.com\/company\/blackhost\",\"https:\/\/www.youtube.com\/c\/BlackHOST\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/black.host\/blog\/#\/schema\/person\/c43b4e6f942e3c300b2e5cb99a6bc102\",\"name\":\"Sarah Olsen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/30d2c853bcdf971820c23a18d814d15661981f21fa0f43866e846cfed86d173a?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/30d2c853bcdf971820c23a18d814d15661981f21fa0f43866e846cfed86d173a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/30d2c853bcdf971820c23a18d814d15661981f21fa0f43866e846cfed86d173a?s=96&d=mm&r=g\",\"caption\":\"Sarah Olsen\"},\"description\":\"Creative, skilled social media expert with experience in managing and developing online marketing campaigns for BlackHOST.\",\"url\":\"https:\/\/black.host\/blog\/author\/sarah\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress 5.7, Gutenberg And Table of Contents Block - BLOG | BlackHOST","description":"Learn what's new and exciting in WordPress 5.7 and how to use the Gutenberg editor to add a Table of Contents (ToC) block to your posts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents","og_locale":"en_US","og_type":"article","og_title":"WordPress 5.7, Gutenberg And Table of Contents Block","og_description":"Learn what's new and exciting in WordPress 5.7 and how to use the Gutenberg editor to add a Table of Contents (ToC) block to your posts.","og_url":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents","og_site_name":"BLOG | BlackHOST","article_publisher":"https:\/\/www.facebook.com\/BlackH0ST\/","article_published_time":"2021-03-29T15:06:13+00:00","article_modified_time":"2022-05-05T10:00:29+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png","type":"image\/png"}],"author":"Sarah Olsen","twitter_card":"summary_large_image","twitter_creator":"@_blackhost","twitter_site":"@_blackhost","twitter_misc":{"Written by":"Sarah Olsen","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#article","isPartOf":{"@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents"},"author":{"name":"Sarah Olsen","@id":"https:\/\/black.host\/blog\/#\/schema\/person\/c43b4e6f942e3c300b2e5cb99a6bc102"},"headline":"WordPress 5.7, Gutenberg And Table of Contents Block","datePublished":"2021-03-29T15:06:13+00:00","dateModified":"2022-05-05T10:00:29+00:00","mainEntityOfPage":{"@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents"},"wordCount":945,"commentCount":0,"publisher":{"@id":"https:\/\/black.host\/blog\/#organization"},"image":{"@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage"},"thumbnailUrl":"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png","keywords":["Gutenberg","Gutenberg Block","Table of Contents","WordPress"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#respond"]}]},{"@type":"WebPage","@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents","url":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents","name":"WordPress 5.7, Gutenberg And Table of Contents Block - BLOG | BlackHOST","isPartOf":{"@id":"https:\/\/black.host\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage"},"image":{"@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage"},"thumbnailUrl":"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png","datePublished":"2021-03-29T15:06:13+00:00","dateModified":"2022-05-05T10:00:29+00:00","description":"Learn what's new and exciting in WordPress 5.7 and how to use the Gutenberg editor to add a Table of Contents (ToC) block to your posts.","breadcrumb":{"@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#primaryimage","url":"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png","contentUrl":"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2021\/03\/WordPress_5_7_Gutenberg_ToC.png","width":1200,"height":675,"caption":"WordPress 5.7 Gutenberg Table Of Content Block"},{"@type":"BreadcrumbList","@id":"https:\/\/black.host\/blog\/wordpress-5-7-gutenberg-table-of-contents#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/black.host\/blog"},{"@type":"ListItem","position":2,"name":"WordPress 5.7, Gutenberg And Table of Contents Block"}]},{"@type":"WebSite","@id":"https:\/\/black.host\/blog\/#website","url":"https:\/\/black.host\/blog\/","name":"BLOG | BlackHOST","description":"Your favorite web hosting blog","publisher":{"@id":"https:\/\/black.host\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/black.host\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/black.host\/blog\/#organization","name":"Black HOST Ltd","alternateName":"BlackHOST","url":"https:\/\/black.host\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/black.host\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2020\/06\/Logo_version2-01.png","contentUrl":"https:\/\/black.host\/blog\/wp-content\/uploads\/sites\/4\/2020\/06\/Logo_version2-01.png","width":2560,"height":1035,"caption":"Black HOST Ltd"},"image":{"@id":"https:\/\/black.host\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BlackH0ST\/","https:\/\/x.com\/_blackhost","https:\/\/www.linkedin.com\/company\/blackhost","https:\/\/www.youtube.com\/c\/BlackHOST"]},{"@type":"Person","@id":"https:\/\/black.host\/blog\/#\/schema\/person\/c43b4e6f942e3c300b2e5cb99a6bc102","name":"Sarah Olsen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/30d2c853bcdf971820c23a18d814d15661981f21fa0f43866e846cfed86d173a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/30d2c853bcdf971820c23a18d814d15661981f21fa0f43866e846cfed86d173a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/30d2c853bcdf971820c23a18d814d15661981f21fa0f43866e846cfed86d173a?s=96&d=mm&r=g","caption":"Sarah Olsen"},"description":"Creative, skilled social media expert with experience in managing and developing online marketing campaigns for BlackHOST.","url":"https:\/\/black.host\/blog\/author\/sarah"}]}},"lang":"en","translations":{"en":671},"amp_enabled":true,"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/posts\/671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/comments?post=671"}],"version-history":[{"count":9,"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/posts\/671\/revisions"}],"predecessor-version":[{"id":1146,"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/posts\/671\/revisions\/1146"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/media\/694"}],"wp:attachment":[{"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/media?parent=671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/categories?post=671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/black.host\/blog\/wp-json\/wp\/v2\/tags?post=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}