{"id":977,"date":"2025-03-11T06:43:46","date_gmt":"2025-03-11T06:43:46","guid":{"rendered":"https:\/\/tableberg.com\/?p=977"},"modified":"2025-03-11T06:43:49","modified_gmt":"2025-03-11T06:43:49","slug":"come-creare-un-indice-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-create-a-table-of-contents-in-wordpress\/","title":{"rendered":"Come creare un indice in WordPress"},"content":{"rendered":"<p>L'indice dei contenuti (TOC) \u00e8 un elenco organizzato di titoli, sottovoci e sezioni che di solito si trovano all'inizio di un post di un blog. Si tratta di una guida di navigazione che delinea i punti principali per consentire agli utenti di comprendere rapidamente gli argomenti trattati nel post\/contenuto.<\/p>\n\n\n\n<p>Tutti i punti della TOC sono presentati in testi di ancoraggio HTML cliccabili. In questo modo, gli utenti possono saltare istantaneamente ai punti particolari del contenuto facendo clic su di essi. In questo post vi mostreremo come creare un indice in WordPress.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-a2d60368-230c-41df-b77d-4b44fcf4217f\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Indice dei contenuti:<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-a-table-of-contents-in-wordpress\/#0-step-01-install-the-ultimate-blocks-plugin\" style=\"\">Passo 01: Installare il plugin Ultimate Blocks<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-a-table-of-contents-in-wordpress\/#1-step-02-organize-your-content-with-proper-heading-tags\" style=\"\">Passo 02: Organizzare il contenuto con tag di intestazione adeguati<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-a-table-of-contents-in-wordpress\/#2-step-03-add-the-table-of-contents-block\" style=\"\">Passo 03: Aggiungere il blocco del sommario<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-a-table-of-contents-in-wordpress\/#3-step-04-customize-settings-of-the-table-of-contents-block\" style=\"\">Passo 04: Personalizzare le impostazioni del blocco del sommario<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-create-a-table-of-contents-in-wordpress\/#4-conclusion\" style=\"\">Conclusione<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Creare bellissimi tavoli <\/strong><br><strong>Con l'editor di blocchi<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Prova gratuita<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/it\/determinazione-dei-prezzi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ottieni un professionista<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-step-01-install-the-ultimate-blocks-plugin\">Passo 01: Installare il plugin Ultimate Blocks<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocchi definitivi<\/a> \u00e8 un plugin per blocchi. Include 25+ blocchi Gutenberg personalizzati per aiutare la creazione di contenuti. L'indice \u00e8 uno di questi. <strong>Installare<\/strong> e <strong>attivare<\/strong> il plugin sul vostro sito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Installare e attivare il plugin Ultimate Blocks\" class=\"wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-step-02-organize-your-content-with-proper-heading-tags\">Passo 02: Organizzare il contenuto con tag di intestazione adeguati<\/h2>\n\n\n\n<p>WordPress consente di aggiungere fino a sei tag di intestazione (da H1 a h6) ai contenuti. \u00c8 impossibile creare un indice senza il corretto posizionamento dei tag di intestazione.<\/p>\n\n\n\n<p>H1 \u00e8 sempre riservato ai titoli dei post. Quindi, \u00e8 possibile utilizzare i tag di intestazione da h2 a h6 nei post in base alle loro esigenze. Si veda l'immagine qui sotto: abbiamo creato una struttura con questi tag.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings.webp\" alt=\"Contenuto organizzato con titoli appropriati\" class=\"wp-image-978\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-step-03-add-the-table-of-contents-block\">Passo 03: Aggiungere il blocco del sommario<\/h2>\n\n\n\n<p>Passare il cursore sul punto in cui si desidera creare l'indice. Premere il tasto <strong>pulsante pi\u00f9 (+)<\/strong>. Tipo <strong>Indice dei contenuti<\/strong> nella casella di ricerca. Aggiungetelo all'editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-1024x523.webp\" alt=\"Aggiungere il blocco del sommario\" class=\"wp-image-979\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u00c8 possibile vedere il <strong>Indice dei contenuti<\/strong> \u00e8 stato creato. Non dimenticate di dare un titolo in alto.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created.webp\" alt=\"Viene creato il blocco della tabella dei contenuti\" class=\"wp-image-980\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-step-04-customize-settings-of-the-table-of-contents-block\">Passo 04: Personalizzare le impostazioni del blocco del sommario<\/h2>\n\n\n\n<p>Il blocco Indice consente di personalizzare numerose impostazioni. Aprire il blocco <strong>Scheda Impostazioni<\/strong> nella barra laterale destra. <strong>Spuntare le voci<\/strong> che si desidera visualizzare. Avanti, <strong>selezionare un tipo di layout<\/strong> per il blocco desiderato.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block.png\" alt=\"Personalizzare le intestazioni e il layout del sommario\" class=\"wp-image-981\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Scorrere ancora un po' la scheda Impostazioni. \u00c8 possibile eseguire le seguenti operazioni con le opzioni della scheda.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pieghevole -<\/strong> Nasconde l'intero blocco e lo apre facendo clic.<\/li>\n\n\n\n<li><strong>Scorrimento -<\/strong> Abilitare lo scorrimento fluido e fare riferimento a id, classi ed elementi.<\/li>\n\n\n\n<li><strong>Ulteriori -<\/strong> Romanizzare il testo di ancoraggio e rimuovere i diacritici dai link di ancoraggio.<\/li>\n\n\n\n<li><strong>Controllo reattivo<\/strong> Permette di visualizzare\/nascondere il blocco su specifici tipi di dispositivi (mobile, tablet e desktop).<\/li>\n<\/ul>\n\n\n\n<p>Il <strong>Opzione Pro<\/strong> \u00e8 riservato solo agli utenti premium. Una volta effettuato l'upgrade alla versione premium, \u00e8 possibile aggiungere icone al blocco e renderlo appiccicoso durante lo scorrimento del contenuto.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block.webp\" alt=\"Ulteriori impostazioni di personalizzazione del blocco Sommario\" class=\"wp-image-982\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>\u00c8 quindi possibile creare l'indice dei post del blog con il plugin Ultimate Blocks.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3989f76a-aacc-4e7e-bbdb-71981945f31c\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"4-conclusion\">Conclusione<\/h2>\n\n\n\n<p>Aggiungere un indice \u00e8 obbligatorio quando si tratta di blog post e articoli lunghi. Perch\u00e9 consente agli utenti di trovare rapidamente i contenuti che stanno cercando. In questo modo non solo si mantiene l'esperienza dell'utente, ma si risparmia anche tempo.<\/p>\n\n\n\n<p>Ultimate Blocks dispone di numerosi altri blocchi con cui \u00e8 possibile rendere i contenuti pi\u00f9 avvincenti e degni di essere letti. Date un'occhiata a <a href=\"https:\/\/ultimateblocks.com\/\" data-type=\"link\" data-id=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">cosa si pu\u00f2 fare con il plugin Ultimate Blocks<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A table of contents (TOC) is an organized list of headings, subheadings, and sections usually covered at the beginning of any blog post. It is a navigational guide outlining the main points so users can quickly understand the topics discussed in the post\/content. All the points in TOC are presented in clickable HTML anchor texts. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7987,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[37,18],"class_list":["post-977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-table-of-contents","tag-ultimate-blocks"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-a-Table-of-Contents-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=977"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/977\/revisions"}],"predecessor-version":[{"id":7990,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/977\/revisions\/7990"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/7987"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}