{"id":7359,"date":"2025-02-06T08:04:31","date_gmt":"2025-02-06T08:04:31","guid":{"rendered":"https:\/\/tableberg.com\/?p=7359"},"modified":"2025-02-06T08:04:31","modified_gmt":"2025-02-06T08:04:31","slug":"come-aggiungere-schede-annidate-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-add-nested-tabs-in-wordpress\/","title":{"rendered":"Come aggiungere schede annidate in WordPress (passaggi semplici)"},"content":{"rendered":"<p>Quando i contenuti sono ben strutturati, gli utenti tendono a rimanere pi\u00f9 a lungo. Le schede annidate consentono di mantenere l'ordine, l'interattivit\u00e0 e la facilit\u00e0 d'uso, il che \u00e8 perfetto per la documentazione, le tabelle dei prezzi e le FAQ.<\/p>\n\n\n\n<p>Permettono agli utenti di passare da una sezione all'altra senza lasciare la pagina, in modo da mantenere tutto accessibile in uno spazio compatto. Invece di una pagina ingombra e piena di scorrimenti infiniti, si ottiene un layout ben strutturato in cui pi\u00f9 livelli di informazioni rimangono a portata di mano, facili da navigare.<\/p>\n\n\n\n<p>Ora sarete felici di sapere che potete aggiungere schede annidate in WordPress senza alcuna complessit\u00e0. Tutto ci\u00f2 che serve \u00e8 lo strumento giusto e <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noopener\">Blocchi definitivi<\/a> \u00e8 proprio questo. Il nostro articolo vi aiuta a trovare la risposta su come aggiungere schede annidate in WordPress nel modo pi\u00f9 semplice possibile. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Aggiungere schede annidate in WordPress&nbsp;<\/strong><\/h2>\n\n\n\n<p>Per gli utenti di Gutenberg, <a href=\"https:\/\/tableberg.com\/it\/recensione-dei-blocchi-definitivi\/\">Blocchi definitivi<\/a> \u00e8 la scelta ideale per aggiungere schede annidate con facilit\u00e0. Tuttavia, con 26 blocchi diversi costruiti per scopi diversi, Ultimate Blocks non \u00e8 solo per le schede. \u00c8 una soluzione all-in-one che fornisce gli strumenti giusti per strutturare i contenuti, migliorare la chiarezza e aggiungere elementi interattivi in Gutenberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Passo 1: Preparare il plugin<\/strong><\/h2>\n\n\n\n<p>Per prima cosa, \u00e8 necessario accedere alla dashboard di WordPress. Da l\u00ec, fare clic su <strong>'Plugin'<\/strong> nel menu di sinistra, quindi scegliere <strong>'Aggiungi nuovo'<\/strong>. Nella barra di ricerca, digitare <strong>Blocchi definitivi, <\/strong>e il risultato dovrebbe apparire in pochi secondi. Una volta che il plugin appare nei risultati, fare clic su <strong>Installa ora<\/strong>. Lasciare un secondo per lavorare e, una volta terminato, attivare il plugin e il gioco \u00e8 fatto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-1024x371.png\" alt=\"Installare e attivare Ultimate Blocks\" class=\"has-border-color has-primary-accent-border-color wp-image-7361\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-1024x371.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-300x109.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-768x278.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-1536x556.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Ultimate-Blocks-installation.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Passo 2: inserire il blocco di contenuto a schede<\/strong><\/h2>\n\n\n\n<p>Aprire il post o la pagina nell'editor di Gutenberg in cui si desidera aggiungere le schede annidate. Dall'editor, fare clic sul pulsante <strong>+<\/strong> cercare il pulsante <strong>Contenuto a schede<\/strong>e inserirlo nel contenuto. Questo sar\u00e0 il fondamento del layout a schede.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1692\" height=\"714\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-1024x432.png\" alt=\"Aggiungere il blocco Contenuto a schede\" class=\"has-border-color has-primary-accent-border-color wp-image-7362\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-1024x432.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-300x127.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-768x324.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-1536x648.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2.png 1692w\" sizes=\"auto, (max-width: 1692px) 100vw, 1692px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Fase 3: Creare le schede e le schede annidate&nbsp;<\/strong><\/h2>\n\n\n\n<p>Una volta che il <strong>Contenuto a schede<\/strong> viene aggiunto il blocco, per impostazione predefinita si avr\u00e0 una sola scheda. Per creare pi\u00f9 schede nel primo livello, fare clic sul pulsante <strong>\"+\"<\/strong> e aggiungere tutte le schede necessarie. \u00c8 possibile rinominare ogni scheda facendo clic direttamente sul titolo e digitando il nuovo nome. Ogni scheda funge da contenitore in cui \u00e8 possibile inserire testo, immagini o qualsiasi altro blocco di contenuto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-1024x423.png\" alt=\"Aggiungi schede\" class=\"has-border-color has-primary-accent-border-color wp-image-7363\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-1024x423.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-300x124.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-768x317.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-1536x635.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.1.png 1621w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per creare <strong>schede annidate<\/strong>, selezionare una scheda dal primo livello e inserirne un'altra <strong>Contenuto a schede<\/strong> al suo interno, utilizzando l'inseritore di blocchi. Questo nuovo blocco funzioner\u00e0 come un sistema di schede di secondo livello all'interno della scheda selezionata. \u00c8 possibile ripetere lo stesso processo per aggiungere altri livelli annidati, in modo da strutturare il contenuto in pi\u00f9 livelli.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-1024x475.png\" alt=\"Schede annidate\" class=\"has-border-color has-primary-accent-border-color wp-image-7364\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-1024x475.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-300x139.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-768x356.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-1536x713.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/3.2.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Fase 4: personalizzare finch\u00e9 non \u00e8 perfetto<\/strong><\/h2>\n\n\n\n<p>Dopo aver posizionato i contenuti all'interno di ciascuna scheda, \u00e8 possibile apportare alcune modifiche all'aspetto delle schede. Dal menu <strong>Impostazioni generali<\/strong> \u00e8 possibile modificare la scheda <strong>tipo di scheda<\/strong>, aggiungere<strong> ancoraggi a linguetta<\/strong>e, nella versione Pro, include<strong> icone<\/strong>, <strong>immagini<\/strong>, e <strong>testi secondari<\/strong> con il titolo.<\/p>\n\n\n\n<p>In<strong> Impostazioni degli stili<\/strong>, \u00e8 possibile regolare il <strong>colori<\/strong> per le schede, i titoli e i contenuti, cambiare il <strong>layout della scheda<\/strong> per passare tra <strong>orizzontale e <\/strong><a href=\"https:\/\/tableberg.com\/it\/come-aggiungere-schede-verticali-in-wordpress\/\"><strong>verticale<\/strong><\/a><strong> schede<\/strong> e personalizzare il <strong>bordo e dimensioni<\/strong> per adattarsi al vostro design.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"992\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4.png\" alt=\"Pannello Impostazioni blocco\" class=\"has-border-color has-primary-accent-border-color wp-image-7367\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4.png 567w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4-171x300.png 171w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/4-7x12.png 7w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<p><strong>Passo 5: Anteprima e pubblicazione delle schede annidate<\/strong><\/p>\n\n\n\n<p>Prima di rendere attive le schede annidate, fare clic sul pulsante <strong>Anteprima<\/strong> per verificare che tutto funzioni come previsto. Assicurarsi che tutte le schede passino senza problemi e che le schede annidate vengano visualizzate correttamente. Se sono necessari aggiustamenti, tornare indietro e modificare le impostazioni. Una volta che tutto sembra a posto, fare clic su <strong>Pubblicare<\/strong> o <strong>Aggiornamento<\/strong> per rendere effettive le modifiche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-1024x533.png\" alt=\"Anteprima e pubblicazione\" class=\"has-border-color has-primary-accent-border-color wp-image-7390\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-1024x533.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-300x156.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-768x400.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-1536x800.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/5.1.png 1606w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ecco una rapida dimostrazione di schede annidate in azione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"946\" height=\"728\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-06_13-55-10.gif\" alt=\"\" class=\"wp-image-7411\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Conclusione<\/strong><\/h4>\n\n\n\n<p>Le schede annidate rendono pi\u00f9 intuitiva la navigazione dei contenuti stratificati in WordPress e Ultimate Blocks offre un modo semplice per implementarle nell'editor Gutenberg. Tuttavia, poich\u00e9 non supporta le vere schede annidate, per ottenere l'effetto dovrete inserire manualmente i blocchi Tabbed Content uno dentro l'altro. Se si utilizza un altro editor, <a href=\"https:\/\/tableberg.com\/it\/i-migliori-plugin-per-le-schede-di-wordpress\/\">esistono alternative<\/a>ma non tutti i plugin per schede supportano la nidificazione multilivello per impostazione predefinita. Provate il metodo che abbiamo rivelato in questo articolo, verificate se \u00e8 adatto alle vostre esigenze e, in caso contrario, esplorate altri plugin che potrebbero funzionare meglio per voi. Non indugiate e mettetevi subito al lavoro. Iniziate a organizzare i vostri contenuti e vedrete che differenza.<\/p>","protected":false},"excerpt":{"rendered":"<p>When your content is structured well, users tend to stick around longer. Nested tabs let you keep things tidy, interactive, and user-friendly, which is a perfect fit for documentation, pricing tables, and FAQs. They work by allowing users to switch between different sections without leaving the page to keep everything accessible in a compact space. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":7360,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-7359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Nested-Tabs-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/7359","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=7359"}],"version-history":[{"count":16,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/7359\/revisions"}],"predecessor-version":[{"id":7412,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/7359\/revisions\/7412"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/7360"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=7359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=7359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=7359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}