{"id":8314,"date":"2025-04-11T14:40:02","date_gmt":"2025-04-11T14:40:02","guid":{"rendered":"https:\/\/tableberg.com\/?p=8314"},"modified":"2025-04-11T19:13:47","modified_gmt":"2025-04-11T19:13:47","slug":"come-allineare-verticalmente-il-contenuto-della-tabella-di-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/","title":{"rendered":"Come allineare verticalmente il contenuto delle tabelle di WordPress (in alto, al centro o in basso)"},"content":{"rendered":"<p>Le tabelle possono perdere rapidamente la loro chiarezza se il contenuto al loro interno non \u00e8 allineato correttamente. Anche con un layout solido, altezze delle celle non uniformi o lunghezze dei contenuti non corrispondenti possono far apparire la tabella sbilanciata o difficile da scansionare.<\/p>\n\n\n\n<p>L'allineamento verticale vi aiuter\u00e0 a garantire che ogni riga rimanga organizzata, assicurando che contenuti come testo, pulsanti o immagini appaiano esattamente al loro posto, anche se altre celle nella stessa riga sono pi\u00f9 alte o pi\u00f9 basse.<\/p>\n\n\n\n<p>Prendiamo una tabella dei prezzi in cui un elenco di caratteristiche \u00e8 pi\u00f9 lungo degli altri, o una tabella del team in cui la biografia di un membro si estende pi\u00f9 degli altri. Senza l'allineamento verticale, i pulsanti della tabella dei prezzi potrebbero essere posizionati in modo non uniforme e le foto dei membri del team potrebbero apparire disallineate.<\/p>\n\n\n\n<p>\u00c8 qui che la scelta di un allineamento coerente aiuter\u00e0 il tavolo a rimanere stabile. In questo articolo vi spiegheremo come applicare l'allineamento verticale per mantenere i vostri tavoli puliti e coerenti. \u00c8 ora di iniziare.<\/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\" style=\"padding-top: var(--wp--preset--spacing--small); padding-bottom: var(--wp--preset--spacing--small); max-width: -moz-fit-content; \" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-bb85e554-9861-460a-bf83-c670ae1df6ba\" 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=\"background-color: #1E1E26; color: #fff; \">\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\"><strong>Come allineare verticalmente il contenuto delle tabelle di WordPress <\/strong><\/div>\n\t\t\t\t<div class=\"ub_table-of-contents-toggle-icon-container\">\n                    <span class=\"ub_table-of-contents-plus-part ub_horizontal_bar\" style=\"background-color: #fff; \"><\/span>\n                    <span class=\"ub_table-of-contents-plus-part ub_vertical_bar\" style=\"background-color: #fff; \"><\/span>\n                <\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"background-color: #fff; \">\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=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#0-can-we-vertically-align-content-with-the-default-table-block-\" style=\"color: #1E1E26; \">\u00c8 possibile allineare verticalmente il contenuto con il blocco tabella predefinito?<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\" style=\"color: #1E1E26; \">Come applicare l'allineamento verticale (utilizzando il plugin Tableberg)<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#2-step-1-install-and-activate-the-tableberg-plugin-\" style=\"color: #1E1E26; \">Passo 1: installare e attivare il plugin Tableberg<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#3-step-2-insert-a-tableberg-block-into-your-post-or-page-\" style=\"color: #1E1E26; \">Passo 2: inserire un blocco Tableberg nel post o nella pagina<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#4-step-3-add-content-to-your-table-cells-\" style=\"color: #1E1E26; \">Passo 3: Aggiungere contenuto alle celle della tabella<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#5-step-4-select-vertical-alignment-from-the-toolbar-\" style=\"color: #1E1E26; \">Passo 4: selezionare Allineamento verticale dalla barra degli strumenti<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/it\/how-to-vertically-align-wordpress-table-content\/#6-quick-note-\" style=\"color: #1E1E26; \">Nota rapida<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\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\" id=\"0-can-we-vertically-align-content-with-the-default-table-block-\"><strong>\u00c8 possibile allineare verticalmente il contenuto con il blocco tabella predefinito?<\/strong><\/h2>\n\n\n\n<p>Purtroppo, il blocco Tabella predefinito di WordPress non supporta l'allineamento verticale. Consente solo il testo semplice all'interno delle celle e non ci sono impostazioni integrate per allineare il contenuto in alto, al centro o in basso. Questo rende difficile mantenere una struttura pulita quando il contenuto delle celle varia in altezza.<\/p>\n\n\n\n<p>Per superare questa limitazione, utilizzeremo l'opzione <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tavolo di lavoro<\/a> plugin. Tableberg \u00e8 un costruttore di tabelle a blocchi che supporta l'allineamento verticale e consente di inserire contenuti ricchi come immagini, pulsanti e icone all'interno delle celle. \u00c8 una soluzione adatta ai principianti che consente di avere un maggiore controllo sul layout senza dover scrivere alcun codice.<\/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\" id=\"1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\"><strong>Come applicare l'allineamento verticale (utilizzando il plugin Tableberg)<\/strong><\/h2>\n\n\n\n<p>Per applicare l'allineamento verticale con Tableberg, bastano pochi semplici passaggi. Seguire le istruzioni riportate di seguito per creare la tabella e regolare l'allineamento esattamente come si desidera.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-1-install-and-activate-the-tableberg-plugin-\"><strong>Passo 1: installare e attivare il plugin Tableberg<\/strong><\/h3>\n\n\n\n<p>Per prima cosa, installate e attivate il plugin Tableberg dal cruscotto di WordPress. Andate su Plugin \u2192 Aggiungi nuovo, cercate \"Tableberg\", quindi fate clic su Installa ora, seguito da Attiva.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png\" alt=\"Installare e attivare il plugin Tableberg\" class=\"has-border-color wp-image-8320\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1.png 1400w\" 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<h3 class=\"wp-block-heading\" id=\"3-step-2-insert-a-tableberg-block-into-your-post-or-page-\"><strong>Passo 2: inserire un blocco Tableberg nel post o nella pagina<\/strong><\/h3>\n\n\n\n<p>Navigare o creare un post o una pagina, fare clic sull'icona \"+\" dell'inseritore di blocchi, cercare Tableberg e inserire il blocco. Quindi, scegliere il numero di righe e colonne che si desidera preparare per la tabella.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png\" alt=\"Inserire un blocco Tableberg\" class=\"has-border-color wp-image-8319\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-768x294.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1536x589.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2.png 1769w\" 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<h3 class=\"wp-block-heading\" id=\"4-step-3-add-content-to-your-table-cells-\"><strong>Passo 3: Aggiungere contenuto alle celle della tabella<\/strong><\/h3>\n\n\n\n<p>Continuare aggiungendo contenuti alle celle. \u00c8 possibile inserire testo, pulsanti, immagini, icone o qualsiasi altro blocco all'interno di ogni cella. Per impostazione predefinita, ogni contenuto sar\u00e0 allineato al centro della cella.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png\" alt=\"Aggiungere contenuto alle celle della tabella\" class=\"has-border-color wp-image-8318\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2.png 1705w\" 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<h3 class=\"wp-block-heading\" id=\"5-step-4-select-vertical-alignment-from-the-toolbar-\"><strong>Passo 4: selezionare Allineamento verticale dalla barra degli strumenti<\/strong><\/h3>\n\n\n\n<p>Selezionare la cella che si desidera allineare. Successivamente, fare clic sul bordo della cella per visualizzare la barra degli strumenti del blocco.  Nella barra degli strumenti del blocco visualizzata, fare clic sull'icona Allineamento verticale e scegliere tra Alto, Medio e Basso.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png\" alt=\"Selezionare l&#039;allineamento verticale\" class=\"has-border-color wp-image-8317\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1.png 1692w\" 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<h4 class=\"wp-block-heading\" id=\"6-quick-note-\"><strong>Nota rapida<\/strong><\/h4>\n\n\n\n<p>L'effetto dell'allineamento verticale \u00e8 pi\u00f9 evidente quando una cella ha uno spazio verticale extra. Inoltre, poich\u00e9 ogni blocco di contenuto all'interno di una cella Tableberg ha i propri controlli di allineamento, \u00e8 possibile regolare con precisione il posizionamento allineando il testo in basso e posizionando un pulsante a destra per ottenere layout pi\u00f9 precisi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png\" alt=\"Combinare l&#039;allineamento delle celle con l&#039;allineamento del contenuto\" class=\"has-border-color wp-image-8316\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-768x491.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2.png 1083w\" 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<h5 class=\"wp-block-heading\" id=\"7-conclusion-\"><strong>Conclusione<\/strong><\/h5>\n\n\n\n<p>Quando il contenuto delle tabelle appare disallineato, anche il layout pi\u00f9 ben strutturato pu\u00f2 sembrare disordinato. L'allineamento verticale consente di risolvere questo problema mantenendo tutto in ordine, sia che si tratti di un lungo blocco di testo, di un pulsante centrato o di righe con contenuto non uniforme. Mentre il blocco Tabella predefinito non \u00e8 all'altezza di questo aspetto, Tableberg consente di allineare facilmente il contenuto esattamente dove si desidera, senza bisogno di codice o di passaggi complicati. Con l'aiuto di pochi clic, \u00e8 possibile creare tabelle pi\u00f9 pulite e coerenti che appaiono bene su qualsiasi schermo.<\/p>\n\n\n\n<p>Leggi anche: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/it\/come-allineare-orizzontalmente-il-contenuto-delle-tabelle-di-wordpress\/\">Come allineare orizzontalmente il contenuto delle tabelle di WordPress (a sinistra, al centro o a destra)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-allineare-le-tabelle-in-wordpress\/\">Come allineare le tabelle in WordPress (a sinistra, al centro o a destra)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-allineare-il-testo-in-wordpress\/\">Come allineare il testo in WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Your tables can quickly lose their clarity if the content inside them isn\u2019t properly aligned. Even with a solid layout, uneven cell heights or mismatched content lengths can make your table look unbalanced or hard to scan. Vertical alignment will help you ensure every row stays organized by making sure content like text, buttons, or [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8315,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-8314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Vertically-Align-WordPress-Table-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\/8314","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=8314"}],"version-history":[{"count":13,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8314\/revisions"}],"predecessor-version":[{"id":8349,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8314\/revisions\/8349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/8315"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=8314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=8314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=8314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}