{"id":2853,"date":"2025-02-15T05:49:17","date_gmt":"2025-02-15T05:49:17","guid":{"rendered":"https:\/\/tableberg.com\/?p=2853"},"modified":"2025-02-15T05:49:21","modified_gmt":"2025-02-15T05:49:21","slug":"come-formattare-le-tabelle-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/","title":{"rendered":"Come formattare le tabelle in WordPress"},"content":{"rendered":"<p>Formattare una tabella in WordPress significa creare e stilizzare una tabella in modo tale che diventi facile presentare i dati all'interno della tabella in modo confortevole e visualizzarli su post e pagine web. Aiuta a migliorare la chiarezza e la leggibilit\u00e0 dei contenuti.<\/p>\n\n\n\n<p>WordPress offre un blocco tabella integrato. Tuttavia, con questo blocco \u00e8 possibile creare solo tabelle di livello base, poich\u00e9 manca di numerose funzionalit\u00e0 avanzate. In questo caso, \u00e8 possibile utilizzare il blocco <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tavolo di lavoro<\/a> per formattare correttamente le tabelle in WordPress.<\/p>\n\n\n\n<p>In questo post vi mostreremo passo dopo passo come formattare le tabelle in WordPress utilizzando il plugin Tableberg.<\/p>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-08fdd36f-9a57-41eb-9318-1131c6a34b9f\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-08fdd36f-9a57-41eb-9318-1131c6a34b9f\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-08fdd36f-9a57-41eb-9318-1131c6a34b9f\" style=\"color: #000000; \"><strong>Cosa comprende la formattazione di una tabella in WordPress?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-0-08fdd36f-9a57-41eb-9318-1131c6a34b9f\">\n\n<p>La formattazione di una tabella in WordPress comprende diversi elementi chiave. Essi sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Righe e colonne<\/li>\n\n\n\n<li>Bordo (colore e raggio)<\/li>\n\n\n\n<li>Margine e imbottitura delle celle<\/li>\n\n\n\n<li>Allineamento<\/li>\n\n\n\n<li>Colore di sfondo<\/li>\n\n\n\n<li>Font e tipografia<\/li>\n\n\n\n<li>Reattivit\u00e0<\/li>\n\n\n\n<li>Intestazione e pi\u00e8 di pagina<\/li>\n\n\n\n<li>Stile globale<\/li>\n\n\n\n<li>Aggiunta di immagini, pulsanti e icone<\/li>\n<\/ul>\n\n\n\n<p>Oltre a questi, ci sono molti altri aspetti da considerare durante la formattazione della tabella.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-formatting-tables-in-wordpress\">Formattazione delle tabelle in WordPress<\/h2>\n\n\n\n<p>\u00c8 possibile eseguire tutte le formattazioni di cui sopra su WordPress con il plugin Tableberg. Vediamo come fare.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#fffdd6\">Nota: il blocco Tabella predefinito non ha molte opzioni di formattazione. In questa esercitazione, utilizzeremo l'opzione <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plugin Tableberg<\/a> per formattare una tabella di 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-1f660d3d-4d6d-4fb9-8c9d-bd6c1288207e\" 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\">Tableberg Opzioni di formattazione: <\/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-format-tables-in-wordpress\/#1-1-rows-amp-columns\" style=\"\">1. Righe e colonne<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#2-2-set-border-color-amp-radius\" style=\"\">2. Impostare il bordo (colore e raggio)<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#3-3-cell-margin-and-padding\" style=\"\">3. Margine e imbottitura delle celle<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#4-4-alignment\" style=\"\">4. Allineamento<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#5-5-background-color\" style=\"\">5. Colore di sfondo<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#6-6-font-amp-typography\" style=\"\">6. Caratteri e tipografia<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#7-7-responsiveness\" style=\"\">7. Reattivit\u00e0<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#8-8-header-amp-footer\" style=\"\">8. Intestazione e pi\u00e8 di pagina<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#9-9-global-style\" style=\"\">9. Stile globale<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-format-tables-in-wordpress\/#10-10-adding-images-buttons-amp-icons\" style=\"\">10. Aggiunta di immagini, pulsanti e icone<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"1-1-rows-amp-columns\">1. Righe e colonne<\/h3>\n\n\n\n<p>Come il blocco tabella predefinito, Tableberg consente di definire il numero di righe e colonne.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png\" alt=\"Impostare il numero di riga e di colonna\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Anche in questo caso, come il blocco tabella predefinito, <strong>\u00e8 possibile inserire\/eliminare righe e colonne<\/strong> dal tavolo.<\/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\/08\/Add-or-delete-the-row-or-column-of-the-table.webp\" alt=\"Aggiungere o eliminare la riga o la colonna della tabella\" class=\"wp-image-2861\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-2-set-border-color-amp-radius\">2. Impostare il bordo (colore e raggio)<\/h3>\n\n\n\n<p>\u00c8 possibile impostare la tabella <strong>colore e larghezza del bordo, <\/strong>e <strong>raggio<\/strong>, cosa che non \u00e8 possibile con il blocco predefinito. \u00c8 possibile impostarli entrambi per il blocco <strong>interno<\/strong> e <strong>confini esterni<\/strong>.<\/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\/08\/Set-Border-Color-Radius.webp\" alt=\"Impostare il bordo (colore e raggio)\" class=\"wp-image-2862\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-3-cell-margin-and-padding\">3. Margine e imbottitura delle celle<\/h3>\n\n\n\n<p>\u00c8 possibile regolare il margine e l'imbottitura delle celle in <strong>due modi<\/strong> &#8211; <strong>individualmente<\/strong> e <strong>universalmente<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"font-size:clamp(0.929rem, 0.929rem + ((1vw - 0.2rem) * 0.802), 1.4rem);\"><strong>Impostare il margine e l'imbottitura per le singole celle<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Posizionare il cursore su una cella qualsiasi<\/strong>. Fare clic sul pulsante <strong>icona pi\u00f9 (+)<\/strong> accanto all'opzione Dimensioni. Verranno visualizzate due opzioni: Padding e Margin. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell.webp\" alt=\"Impostare padding e margine per ogni singola cella\" class=\"wp-image-2863\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ora \u00e8 possibile impostare il padding per la cella. Questa operazione pu\u00f2 avere effetto anche su alcune altre celle, ma non su tutte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell.webp\" alt=\"Impostare il padding per le singole celle\" class=\"wp-image-2864\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-768x391.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<ul style=\"font-size:clamp(0.957rem, 0.957rem + ((1vw - 0.2rem) * 0.839), 1.45rem);\" class=\"wp-block-list\">\n<li style=\"font-size:clamp(0.957rem, 0.957rem + ((1vw - 0.2rem) * 0.839), 1.45rem);\"><strong>Impostare il margine e l'imbottitura delle celle in modo universale<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Selezionare l'intera tabella<\/strong>. Poi, <strong>andare alla scheda Stili<\/strong>.<\/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\/08\/Set-Cell-Margin-Padding-Universally.webp\" alt=\"Impostare il margine e l&#039;imbottitura delle celle in modo universale\" class=\"wp-image-2865\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Scorrendo la scheda, si arriva all'opzione Dimensioni. Sotto l'opzione, si trovano Imbottitura e Spaziatura celle. Utilizzando queste opzioni, \u00e8 possibile impostare il padding e la spaziatura delle celle in modo universale.<\/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\/08\/Set-padding-and-margin-to-the-table-cells-universally.webp\" alt=\"Impostare padding e margine alle celle della tabella in modo universale\" class=\"wp-image-2866\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-4-alignment\">4. Allineamento<\/h3>\n\n\n\n<p>\u00c8 possibile regolare l'allineamento del testo della cella individualmente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment.webp\" alt=\"Impostare l&#039;allineamento delle celle\" class=\"wp-image-2867\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>\u00c8 inoltre possibile regolare l'allineamento dell'intera tabella. A tale scopo, selezionare la tabella facendo clic sull'icona Tableberg. Quindi, scegliere l'opzione di allineamento.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table.webp\" alt=\"Impostare l&#039;allineamento della tabella\" class=\"wp-image-2868\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-5-background-color\">5. Colore di sfondo<\/h3>\n\n\n\n<p><strong>Selezionare la tabella<\/strong>. Terreno sul <strong>Scheda Stili<\/strong>. Si otterr\u00e0 l'opzione del colore. \u00c8 possibile scegliere lo sfondo separatamente per le righe dispari, le righe pari, l'intestazione della tabella e il pi\u00e8 di pagina.<\/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\/08\/Add-background-color-to-the-table.webp\" alt=\"Aggiungere il colore di sfondo alla tabella\" class=\"wp-image-2869\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Tableberg dispone anche di alcune funzioni pi\u00f9 avanzate. \u00c8 possibile impostare individualmente il colore di sfondo delle celle, delle righe e delle colonne.<\/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\/08\/Set-cell-background-color.webp\" alt=\"Imposta il colore di sfondo della cella\" class=\"wp-image-2870\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-6-font-amp-typography\">6. Caratteri e tipografia<\/h3>\n\n\n\n<p>L'opzione predefinita del plugin consente di configurare le impostazioni tipografiche, che includono il carattere, l'aspetto, l'altezza della linea, l'interlinea, la decorazione, le maiuscole, ecc.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography.webp\" alt=\"Scegliere il carattere e la tipografia\" class=\"wp-image-2871\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Imparare <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-di-specifiche-di-prodotto-in-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"534\" rel=\"noreferrer noopener\">come creare una tabella di specifiche di prodotto su WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-7-responsiveness\">7. Reattivit\u00e0<\/h3>\n\n\n\n<p>Tableberg consente di rendere la tabella perfettamente reattiva, in modo che si veda bene su tutti i dispositivi, compresi desktop, tablet e cellulari.<\/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\/08\/Make-table-responsive.webp\" alt=\"Rendere la tabella reattiva\" class=\"wp-image-2873\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-8-header-amp-footer\">8. Intestazione e pi\u00e8 di pagina<\/h3>\n\n\n\n<p>Anche se di solito non aggiungiamo intestazione e pi\u00e8 di pagina alle nostre tabelle giornaliere, \u00e8 possibile aggiungerle facilmente utilizzando il plugin Tableberg. L'opzione \u00e8 disponibile nel plugin.<\/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\/08\/Add-a-header-and-footer-to-your-table.webp\" alt=\"Aggiungere un&#039;intestazione e un pi\u00e8 di pagina alla tabella\" class=\"wp-image-2874\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-9-global-style\">9. Stile globale<\/h3>\n\n\n\n<p>Lo stile globale si riferisce a un insieme coerente di disegni applicati a tutta la tabella. Il plugin Tableberg consente di configurare lo stile globale dei caratteri, che include il colore del carattere, il colore del collegamento e la dimensione del carattere.<\/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\/08\/Global-style-in-Tableberg.webp\" alt=\"Stile globale in Tableberg\" class=\"wp-image-2875\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-10-adding-images-buttons-amp-icons\">10. Aggiunta di immagini, pulsanti e icone<\/h3>\n\n\n\n<p>Proprio come l'editor di blocchi di Gutenberg, il plugin Tableberg consente di aggiungere diversi tipi di contenuto come immagini, pulsanti, icone e nastri alle celle della tabella, utilizzando i rispettivi blocchi. Successivamente, \u00e8 possibile stilizzarli come qualsiasi altro blocco.<\/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\/08\/Adding-Images-Buttons-Icons.webp\" alt=\"Aggiunta di immagini, pulsanti e icone\" class=\"wp-image-2876\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Esplorare <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-di-confronto-in-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"252\" rel=\"noreferrer noopener\">come creare una tabella di confronto su WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"11-conclusion\">Conclusione<\/h2>\n\n\n\n<p>Anni fa, per progettare le tabelle delle pagine web si doveva dipendere molto dalla codifica CSS e HTML personalizzata. Ma oggi, con la <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tavolo di lavoro<\/a> \u00e8 possibile farlo in modo semplice, senza dover eseguire alcuna operazione di codifica.<\/p>\n\n\n\n<p>Tableberg ha gi\u00e0 rilasciato molte funzioni interessanti e molte altre sono ancora in preparazione. Molto presto, sar\u00e0 una soluzione unica per tutto ci\u00f2 di cui avete bisogno su un tavolo. Quindi, acquistate il plugin oggi stesso e vivete un'esperienza meravigliosa.<\/p>","protected":false},"excerpt":{"rendered":"<p>Formatting a table in WordPress means creating and stylizing a table in such a way that it becomes easy to present data within the table comfortably and display it on web posts and pages. It helps you enhance the clarity and readability of your content. WordPress offers a built-in table block. But you can create [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2877,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,9],"class_list":["post-2853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/How-to-Format-Tables-in-WordPress.webp","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\/2853","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=2853"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/2853\/revisions"}],"predecessor-version":[{"id":7656,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/2853\/revisions\/7656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/2877"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=2853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=2853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=2853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}