{"id":155,"date":"2025-02-09T03:44:50","date_gmt":"2025-02-09T03:44:50","guid":{"rendered":"https:\/\/tableberg.com\/?p=155"},"modified":"2025-02-09T03:44:54","modified_gmt":"2025-02-09T03:44:54","slug":"come-aggiungere-un-pulsante-al-blocco-tabella-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-add-button-to-table-block-in-wordpress\/","title":{"rendered":"Come aggiungere pulsanti al blocco tabella in WordPress"},"content":{"rendered":"<p>Le tabelle sono solitamente utilizzate per organizzare e presentare le informazioni in modo strutturato. Aggiungendo dei pulsanti alla tabella, si pu\u00f2 spesso indurre gli utenti a esplorare nuovi post e pagine o ad acquistare i rispettivi prodotti e servizi.<\/p>\n\n\n\n<p>Ma la tabella predefinita di WordPress non ha l'opzione di aggiungere pulsanti. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tavolo di lavoro<\/a> \u00e8 un meraviglioso plugin per risolvere questo problema. Vi aiuter\u00e0 a creare e aggiungere facilmente pulsanti alle celle, proprio come i blocchi di Gutenberg.<\/p>\n\n\n\n<p>Questo articolo spiega come aggiungere un pulsante al blocco tabella di WordPress e renderlo accattivante.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Creare bellissimi tavoli <\/strong><br><strong>Con l'editor di blocchi<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Prova gratuita<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/it\/determinazione-dei-prezzi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ottieni un professionista<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 1: installare il plugin Tableberg<\/h2>\n\n\n\n<p>Accedere alla dashboard di WordPress. Andare su <strong>Cruscotto &gt; Plugin &gt; Aggiungi nuovo plugin<\/strong>.<\/p>\n\n\n\n<p>Tipo <strong>Tavolo di lavoro<\/strong> nella casella di ricerca in alto a destra. Il plugin apparir\u00e0 di seguito in un secondo. <strong>Installare<\/strong> e <strong>Attivare<\/strong> it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"has-border-color has-border-dark-border-color wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 2: aggiungere il blocco Tableberg al post\/pagina<\/h2>\n\n\n\n<p>Aprire il post o la pagina in cui si desidera aggiungere la tabella. Fare clic sul pulsante <strong>Icona pi\u00f9 (+)<\/strong> per aprire l'editor di Gutenberg.<\/p>\n\n\n\n<p>Tipo <strong>Tavolo di lavoro<\/strong> nella casella di ricerca. Premete il blocco dopo che \u00e8 apparso in basso.<\/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\/01\/Add-TableBerg-to-your-post-or-page.png\" alt=\"Aggiungi TableBerg al tuo post o alla tua pagina\" class=\"has-border-color has-border-dark-border-color wp-image-157\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 3: selezionare il numero di righe e colonne<\/h2>\n\n\n\n<p>Definire i numeri di riga e di colonna per la tabella. Come si pu\u00f2 vedere nell'immagine sottostante, abbiamo definito 4 righe e colonne per la nostra tabella.<\/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\/01\/Define-row-and-column-number-for-the-table.png\" alt=\"Definire il numero di riga e di colonna della tabella\" class=\"has-border-color has-border-dark-border-color wp-image-158\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 4: Aggiungere un pulsante alla cella della tabella<\/h2>\n\n\n\n<p>Con il cursore, fare clic su una cella qualsiasi della tabella. Verr\u00e0 visualizzato un <strong>pi\u00f9 (+)<\/strong> icona che appare. Facendo clic sull'icona pi\u00f9, si ottengono quattro diversi blocchi, ognuno dei quali pu\u00f2 essere aggiunto a ogni cella.<\/p>\n\n\n\n<p>Si otterr\u00e0 il blocco pulsante in questa raccolta di blocchi. <\/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\/01\/Block-button-on-the-TableBerg-cells.png\" alt=\"Pulsante di blocco sulle celle di TableBerg\" class=\"has-border-color has-border-dark-border-color wp-image-160\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 5: Aggiungere altro contenuto alla tabella <\/h2>\n\n\n\n<p>Si pu\u00f2 notare che abbiamo aggiunto tutti i contenuti necessari (immagine, elenco, valutazione e prezzo) alla tabella utilizzando i rispettivi blocchi.<\/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\/Add-content-and-button-to-the-table.png\" alt=\"Aggiungere contenuti e pulsanti alla tabella\" class=\"has-border-color has-border-dark-border-color wp-image-161\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Fase 6: stilizzare il pulsante sul tavolo<\/h2>\n\n\n\n<p>Selezionare il pulsante. Fare clic sul pulsante <strong>Collegamento<\/strong> sulla barra degli strumenti per collegare il post o la pagina desiderata al pulsante.<\/p>\n\n\n\n<p>Vai al sito <strong>Stili<\/strong> nella barra laterale destra. Avrete a disposizione diverse opzioni di personalizzazione, come <strong>Tipografia, bordo, colore, <\/strong>e <strong>Colore Hover.<\/strong><\/p>\n\n\n\n<p>Eseguite le personalizzazioni necessarie come desiderate.<\/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\/Stylize-the-button-on-the-table.png\" alt=\"Stilizzare il pulsante sul tavolo\" class=\"has-border-color has-border-dark-border-color wp-image-162\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 7: Anteprima della tabella<\/h2>\n\n\n\n<p>A questo punto, si accede al frontend del post o della pagina e si d\u00e0 un'occhiata alla tabella creata. Se il design e il layout non sono all'altezza, si pu\u00f2 accedere nuovamente all'editor e apportare le personalizzazioni necessarie.<\/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\/Preview-the-table.png\" alt=\"Anteprima della tabella\" class=\"has-border-color has-border-dark-border-color wp-image-163\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-768x392.png 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\">Conclusione<\/h3>\n\n\n\n<p>Il plugin TableBerg dispone attualmente di quattro blocchi. Ma i nostri sviluppatori sono costantemente al lavoro per creare nei prossimi giorni altri blocchi straordinari per migliorare la vostra esperienza di creazione di tabelle.<\/p>\n\n\n\n<p>Rimanete con noi per ricevere aggiornamenti sulle nostre prossime uscite e su eventuali nuovi annunci.<\/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-creare-un-pulsante-di-invito-allazione-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come creare un pulsante di invito all'azione in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-aggiungere-il-pulsante-buy-on-amazon-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come aggiungere il pulsante \"Acquista su Amazon\" in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/i-migliori-plugin-di-pulsanti-per-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/best-button-plugins-for-wordpress\/\" rel=\"noreferrer noopener\">7 migliori plugin per pulsanti per WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Tables are usually used to organize and present information in a structured way. By adding buttons to the table, you can often trigger users to explore new posts and pages or buy respective products and services. But the default WordPress table doesn\u2019t have the option to add buttons. Tableberg is a wonderful plugin to solve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1673,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-Button-to-a-Table-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\/155","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=155"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":7454,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/155\/revisions\/7454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/1673"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}