{"id":907,"date":"2025-07-14T18:22:29","date_gmt":"2025-07-14T18:22:29","guid":{"rendered":"https:\/\/tableberg.com\/?p=907"},"modified":"2025-07-14T18:22:31","modified_gmt":"2025-07-14T18:22:31","slug":"come-creare-schede-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-create-tabs-in-wordpress\/","title":{"rendered":"Come creare schede in WordPress per organizzare i contenuti"},"content":{"rendered":"<p>Se dovete pubblicare molte informazioni di vario tipo su post o pagine del blog in modo conciso, le schede possono essere un elemento web utile per farlo. Permettono di organizzare i contenuti in sezioni separate, in modo che gli utenti possano esplorare e trovare selettivamente le informazioni di cui hanno bisogno.<\/p>\n\n\n\n<p>Con l'editor di blocchi Gutenberg, \u00e8 possibile aggiungere facilmente schede ai post del blog. In questo articolo vi mostreremo come creare schede in WordPress per organizzare i contenuti. Prima per\u00f2 risponderemo ad alcune domande di base.<\/p>\n\n\n<!DOCTYPE html>\n<?xml version=\"1.0\" encoding=\"UTF-8\"?><div class=\"wp-block-ub-tabbed-content wp-block-ub-tabbed-content-holder wp-block-ub-tabbed-content-horizontal-holder-mobile wp-block-ub-tabbed-content-horizontal-holder-tablet\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a\" style=\"\">\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-holder horizontal-tab-width-mobile horizontal-tab-width-tablet\">\n\t\t\t\t<div role=\"tablist\" class=\"wp-block-ub-tabbed-content-tabs-title wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab\" style=\"justify-content: center; \"><div role=\"tab\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0\" aria-controls=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0\" aria-selected=\"true\" class=\"wp-block-ub-tabbed-content-tab-title-wrap active ub-tabbed-content-with-sub-title\" style=\"--ub-tabbed-title-background-color: #eeeeee; --ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; \" tabindex=\"-1\">\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\"><strong>Cosa sono le schede?<\/strong><\/div>\n\t\t\t<\/div><div role=\"tab\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1\" aria-controls=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1\" aria-selected=\"false\" class=\"wp-block-ub-tabbed-content-tab-title-wrap ub-tabbed-content-with-sub-title\" style=\"--ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; \" tabindex=\"-1\">\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\"><strong>Quando usare le schede? <\/strong><\/div>\n\t\t\t<\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tabs-content\" style=\"\"><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap active\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0\" aria-labelledby=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0\" tabindex=\"0\">\n\n<p>Le schede servono come strumento di navigazione, consentendo di visualizzare molte informazioni in varie sezioni. In questo modo, gli utenti non devono ricorrere a uno scorrimento eccessivo per esplorare le numerose informazioni contenute nel vostro post o nella vostra pagina.<\/p>\n\n\n\n<p>Forniscono un formato strutturato in modo che gli utenti possano trovare le informazioni specifiche che cercano facendo clic su di esse. Di solito si usa l'elemento scheda per visualizzare le pagine web nelle sezioni hero e header.<\/p>\n\n\n\n<p>Ma oggi, con l'aiuto di alcuni plugin Gutenberg, \u00e8 possibile creare contenuti a schede in qualsiasi punto di qualsiasi post o pagina.<\/p>\n\n<\/div><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap ub-hide\" id=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1\" aria-labelledby=\"ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1\" tabindex=\"0\">\n\n<p>Il contenuto a schede funziona in modo eccezionale quando si dispone di una grande quantit\u00e0 di informazioni che devono essere visualizzate in un formato tabellare. Questo elemento \u00e8 particolarmente efficace per organizzare i seguenti tipi di informazioni.<\/p>\n\n\n\n<p><strong>Descrizione del prodotto:<\/strong> \u00c8 possibile utilizzare questo blocco per coprire le specifiche del prodotto, le caratteristiche e le recensioni dei clienti in schede separate.<\/p>\n\n\n\n<p><strong>Offerte di servizi:<\/strong> Se avete pi\u00f9 piani o pacchetti di servizi, \u00e8 meglio mostrarli in sezioni separate.<\/p>\n\n\n\n<p><strong>Piani tariffari:<\/strong> \u00c8 gi\u00e0 una pratica comune visualizzare pi\u00f9 piani tariffari in diverse schede sui siti web.<\/p>\n\n\n\n<p><strong>Domande frequenti<\/strong>: Sebbene la maggior parte delle persone ami utilizzare i blocchi FAQ e content toggle per la sezione FAQ, \u00e8 possibile utilizzare anche il blocco tab per coprire questa sezione.<\/p>\n\n\n\n<p><strong>Informazioni comparative:<\/strong> Se ci sono informazioni che sarebbe meglio presentare in una sezione affiancata, il blocco schede \u00e8 utile in questo caso.<\/p>\n\n<\/div><\/div>\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Creare schede per qualsiasi contenuto in WordPress<\/h2>\n\n\n\n<p>La libreria di blocchi predefinita di Gutenberg non ha il blocco scheda. \u00c8 necessario utilizzare un plugin come <a href=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" rel=\"noreferrer noopener\">Blocchi definitivi<\/a> per averlo nella libreria dei blocchi. Il plugin ha 25+ plugin aggiuntivi con i quali \u00e8 possibile portare il web design e il content marketing a un livello superiore.<\/p>\n\n\n\n<p>La 'T<a href=\"https:\/\/ultimateblocks.com\/tabbed-content-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contenuto abbed<\/a>' di Ultimate Blocks consente di aggiungere qualsiasi contenuto nelle schede. Vediamo come fare. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 01: Installare e attivare il plugin Ultimate Blocks<\/h3>\n\n\n\n<p>Vai a <strong>Plugin &gt; Aggiungi nuovo plugin<\/strong>. Tipo <strong>Blocchi definitivi<\/strong> nella barra di ricerca in alto a destra. <strong>Installare<\/strong> e <strong>attivare<\/strong> il plugin dopo che \u00e8 stato visualizzato qui sotto.<\/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<h3 class=\"wp-block-heading\">Passo 02: Inserire il blocco di contenuto a schede<\/h3>\n\n\n\n<p>Aprire un post o una pagina. Trovate la voce <strong>Contenuto a schede<\/strong> premendo <strong>pulsante pi\u00f9 (+)<\/strong>. Una volta trovato il blocco, aggiungerlo all'editor di Gutenberg.<\/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\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp\" alt=\"Aggiungere il blocco Contenuto a schede all&#039;editor di Gutenberg\" class=\"wp-image-911\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 03: Aggiungere nuove schede e rinominarle<\/h3>\n\n\n\n<p>Facendo clic sul pulsante <strong>icona pi\u00f9 (+)<\/strong>\u00e8 possibile aggiungere al blocco il numero di schede 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\/Add-new-tabs-to-the-Tabbed-Content-block.webp\" alt=\"Aggiungere nuove schede al blocco Contenuto a schede\" class=\"wp-image-912\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-new-tabs-to-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Prendere il cursore e fare clic sulla scheda una per una. Sar\u00e0 possibile rinominarle. Rinominare le schede in base al contenuto che si intende visualizzare.<\/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\/Rename-tabs-of-the-Tabbed-Content-block.webp\" alt=\"Rinominare le schede del blocco Contenuto a schede\" class=\"wp-image-913\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Rename-tabs-of-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 04: Aggiungere contenuto alle schede<\/h3>\n\n\n\n<p>Selezionare la scheda in cui si desidera aggiungere il contenuto. Posizionare quindi il cursore nell'editor. Verr\u00e0 visualizzata l'icona <strong>pulsante pi\u00f9 (+)<\/strong> dell'editor di Gutenberg. Fare clic e scegliere il blocco di contenuto 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\/Add-content-to-the-tab.webp\" alt=\"Aggiungere contenuti alla scheda\" class=\"wp-image-914\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-content-to-the-tab-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Per il tutorial, abbiamo aggiunto alla scheda i blocchi di testo e di immagine. Allo stesso modo, \u00e8 possibile aggiungere altri blocchi alla scheda. Fare lo stesso con le altre schede.<\/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\/Texts-and-image-added-to-the-Tabbed-Content-block.webp\" alt=\"Testi e immagini aggiunti al blocco Contenuto a schede\" class=\"wp-image-915\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Texts-and-image-added-to-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 05: personalizzare le schede<\/h3>\n\n\n\n<p>Accedere alla barra laterale destra mantenendo selezionato il blocco Contenuto a schede. Troverete varie opzioni da configurare, come i tipi di scheda, l'ancoraggio della scheda e la reattivit\u00e0.<\/p>\n\n\n\n<p>Quando si passa alla versione premium, \u00e8 possibile aggiungere icone ai titoli delle schede, testi secondari e pulsanti di invito all'azione alle schede.<\/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\/Configure-settings-of-the-Tabbed-Content-block.webp\" alt=\"Configurare le impostazioni del blocco Contenuto a schede\" class=\"wp-image-916\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Configure-settings-of-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Successivamente, si arriva al <strong>Scheda Stili<\/strong>. Si avranno opzioni per colorare il contenuto delle schede, modificare il layout delle schede e impostare una nuova dimensione. Spero che possiate esplorarle e realizzarle da soli.<\/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\/Stylize-the-Tabbed-Content-block.webp\" alt=\"Stilizzare il blocco Contenuto a schede\" class=\"wp-image-917\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Stylize-the-Tabbed-Content-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Video tutorial<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Come creare schede in WordPress per organizzare i contenuti\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/S6MekjOWHls?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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\">Creare schede per le tabelle in WordPress<\/h2>\n\n\n\n<p>Le schede non sono solo per il testo o le immagini: sono anche un modo eccellente per organizzare pi\u00f9 tabelle affiancate sul vostro sito web. Sia che si voglia permettere agli utenti di passare da una tabella all'altra <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-levetta-per-i-prezzi-mensili-e-annuali-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">prezzi mensili e annuali<\/a>, <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-comparativa-di-caratteristiche-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">confrontare le caratteristiche del prodotto<\/a>o presentare i dati in pi\u00f9 lingue, <strong><a href=\"https:\/\/tableberg.com\/it\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tavolo di lavoro<\/a><\/strong> lo semplifica con la sua funzione di Alterna schede.<\/p>\n\n\n\n<p><strong>Con Tableberg \"<a href=\"https:\/\/tableberg.com\/it\/ginocchiera-per-blocco-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Aletta per Tableberg<\/a>\", \u00e8 possibile:<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-84c4e0ee-762c-4e78-a414-f77e17c4062d\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-e2e716d6-2426-40ff-8077-a05e8006c03a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Aggiungere pi\u00f9 tabelle in schede separate<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-4dae12de-cd20-4e7f-ab18-0d905d58189a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Consentite ai visitatori di confrontare i piani tariffari, le caratteristiche o gli insiemi di dati con un solo clic<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-a2192655-f961-4224-96e3-a4e7e5664867\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\">Mantenete le vostre tabelle organizzate, pulite e super facili da navigare<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p><strong>Ecco come creare schede per le tabelle utilizzando Tableberg:<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fase 1: inserimento del blocco 'Toggle for Tableberg'.<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aprite il vostro post o pagina nell'editor di WordPress.<\/li>\n\n\n\n<li>Fare clic sull'icona (+), cercare <strong>Aletta per Tableberg<\/strong>e aggiungere il blocco.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png\" alt=\"\" class=\"has-border-color wp-image-7133\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Fase 2: Impostazione e personalizzazione delle schede<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Per impostazione predefinita, vengono visualizzate le schede \"Scheda 1\", \"Scheda 2\" e \"Scheda 3\".<\/li>\n\n\n\n<li>Fare clic sulle icone + o - per aggiungere o rimuovere schede secondo necessit\u00e0.<\/li>\n\n\n\n<li>Rinominare ogni scheda (ad esempio, \"Mensile\", \"Annuale\", \"Standard\", \"Premium\").<\/li>\n\n\n\n<li>Usare il pannello delle impostazioni sulla destra per regolare i titoli, l'allineamento, i colori e i bordi per ottenere lo stile preferito.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 3: Aggiungere una tabella a ciascuna scheda<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Selezionare una scheda, quindi fare clic al suo interno per aggiungere una tabella Tableberg.<\/li>\n\n\n\n<li>\u00c8 possibile creare una nuova tabella da zero o inserire uno dei modelli di tabella predefiniti di Tableberg.<\/li>\n\n\n\n<li>Ogni scheda pu\u00f2 contenere una tabella unica, ideale per i confronti o per mostrare le opzioni.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Fase 4: Anteprima e pubblicazione<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usate l'anteprima per assicurarvi che le tabelle a schede abbiano l'aspetto e il funzionamento giusti.<\/li>\n\n\n\n<li>Una volta soddisfatti, pubblicate o aggiornate il vostro post\/pagina.<\/li>\n<\/ul>\n\n\n\n<p>Ecco un esempio di come appare una tabella prezzi a schede con Tableberg:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1029\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Toggle-for-Tableberg-Example-.gif\" alt=\"\" class=\"wp-image-7131\" style=\"border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px\"\/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_f9bd9323-a9f8-4268-ad73-11d73d5ddf0b\"><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<h3 class=\"wp-block-heading\">Conclusione<\/h3>\n\n\n\n<p>Il blocco Tabbed Content fornito con il plugin Ultimate Blocks \u00e8 automaticamente reattivo su tutti i dispositivi. Di conseguenza, non \u00e8 necessario dedicare molto tempo alla responsivit\u00e0 del dispositivo.<\/p>\n\n\n\n<p>Ma quello che dovete fare \u00e8 posizionare il blocco in un punto adatto che renda perfetto l'intero post\/pagina. Esplorate il nostro altro post - <a href=\"https:\/\/tableberg.com\/it\/come-creare-un-pulsante-di-invito-allazione-in-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-a-call-to-action-button-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">come creare un pulsante di invito all'azione in WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>If you have to publish lots of information of various types on blog posts or pages concisely, tabs could be a helpful web element to do this. They allow you to organize content in separate sections so users can selectively explore and find the information they need. With the Gutenberg block editor, you can easily [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6879,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[32,31,18],"class_list":["post-907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-gutenberg-blocks","tag-tabbed-content","tag-ultimate-blocks"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-Tabs-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\/907","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=907"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/907\/revisions"}],"predecessor-version":[{"id":10038,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/907\/revisions\/10038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/6879"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}