{"id":8991,"date":"2019-05-03T07:40:34","date_gmt":"2019-05-03T07:40:34","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=8991"},"modified":"2019-05-03T10:47:23","modified_gmt":"2019-05-03T10:47:23","slug":"table-of-content-compatibility-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/table-of-content-compatibility-in-amp\/","title":{"rendered":"Table of content Plus Compatibility in AMP"},"content":{"rendered":"\n<p>If you are using <a href=\"https:\/\/wordpress.org\/plugins\/table-of-contents-plus\/\">Table of Contents Plus<\/a> Plugin for Non-AMP and you want table content in AMP then you need to purchase <a href=\"https:\/\/ampforwp.com\/table-of-contents-plus\/\">Table Of Content For AMP<\/a> extension and install.   <\/p>\n\n\n\n<p> The table of contents is generated automatically on the base of the document headings these auto insertion works only when the_content() has been used<\/p>\n\n\n\n<p><strong>1.<\/strong> First go to <strong>WordPress dashboard<\/strong> -> <strong>Settings<\/strong> -> <strong>TOC+<\/strong> -> <strong>Main options<\/strong>. check this two option. click on save button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"480\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1-1024x480.png\" alt=\"\" class=\"wp-image-9034\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1-1024x480.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1-300x141.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1-768x360.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/TOC-1-1.png 1339w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> <strong>2. <\/strong>Enter on Your Information Post or page. After, Click on<strong>\u00a0\u201cPublish\u201d.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"477\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3-1024x477.png\" alt=\"\" class=\"wp-image-9008\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3-1024x477.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3-768x357.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-3.png 1345w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4><strong>The output Table of content in AMP:<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"496\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1-1024x496.png\" alt=\"\" class=\"wp-image-9006\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1-1024x496.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1-300x145.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1-768x372.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1-100x48.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/toc-2-1.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3>SHORTCODES<\/h3>\n\n\n\n<p>The shortcodes allow you to fully control the position of the table of contents within your page. The following shortcodes are available with this plugin. If you use the blow the shortcode it will work in AMP.  <\/p>\n\n\n\n<p><strong>[TOC]<\/strong><\/p>\n\n\n\n<p>you want to generate the table of contents at the preferred position. where want to display a table of contents you need to add this shortcode in your page.<\/p>\n\n\n\n<p><strong>[NO_TOC]<\/strong><\/p>\n\n\n\n<p>\n\nAllows you to disable the table of contents for the current post, page, or custom post type.\n\n<\/p>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If you are using Table of Contents Plus Plugin for Non-AMP and you want table content in AMP then you need to purchase Table Of Content For AMP extension and install. The table of contents is generated automatically on the base of the document headings these auto insertion works only&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/8991"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=8991"}],"version-history":[{"count":38,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/8991\/revisions"}],"predecessor-version":[{"id":9035,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/8991\/revisions\/9035"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=8991"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=8991"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=8991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}