{"id":1440,"date":"2025-02-10T15:05:10","date_gmt":"2025-02-10T15:05:10","guid":{"rendered":"https:\/\/tableberg.com\/?p=1440"},"modified":"2025-04-03T14:01:59","modified_gmt":"2025-04-03T14:01:59","slug":"come-aggiungere-unimmagine-a-una-tabella-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-add-an-image-to-a-table-in-wordpress\/","title":{"rendered":"Come aggiungere un'immagine a una tabella in WordPress"},"content":{"rendered":"<p>I contenuti visivi sono indubbiamente fondamentali per coinvolgere gli utenti. Che siate blogger, affiliati, proprietari di un e-commerce o altro, potreste aver bisogno di aggiungere contenuti grafici per vari motivi.<\/p>\n\n\n\n<p>Le immagini sono uno dei contenuti grafici pi\u00f9 importanti. Molti utenti non sanno ancora come aggiungere immagini alle tabelle di WordPress. Ma aggiungendo immagini alla tabella, si possono facilmente creare vari tipi di tabelle, come ad esempio <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-di-confronto-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">confronto<\/a>, <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-di-specifiche-di-prodotto-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Specifiche di prodotto<\/a>, <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-prezzi-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tabelle dei prezzi<\/a>, ecc.<\/p>\n\n\n\n<p>In questo articolo vi mostreremo due semplici metodi per aggiungere un'immagine a una tabella in WordPress. Iniziamo!<\/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 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&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-c778cfdd-dcae-449c-aecb-8213a0447030\"><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 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-9afa66e4-add9-4608-a09d-0f0e928ad611\">\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 448 512\"><path fill=\"#000000\" d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Metodo 1:<\/strong> <a href=\"#Using-the-Default-Table-Block\">Utilizzo del blocco tabella predefinito<\/a><\/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 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-df660d11-266d-4a92-9091-af2bca1ea7f9\">\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 448 512\"><path fill=\"#000000\" d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Metodo 2<\/strong>: <a href=\"#Using-the-Tableberg-Block\" target=\"_blank\" rel=\"noreferrer noopener\">Utilizzo del blocco Tableberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\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\" id=\"Using-the-Default-Table-Block\">Metodo 1: Utilizzo del blocco tabella predefinito<\/h2>\n\n\n\n<p>Il valore predefinito <a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-leditor-di-blocchi-di-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Editor di blocchi Gutenberg<\/a> \u00e8 dotato dell'opzione Immagine in linea che si trova nella barra degli strumenti. Utilizzando l'opzione <a href=\"https:\/\/tableberg.com\/it\/come-aggiungere-unimmagine-in-linea-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Opzione Immagine in linea<\/a>, \u00e8 possibile aggiungere facilmente immagini alle tabelle di WordPress. <\/p>\n\n\n\n<p>Ecco il procedimento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 1: Aggiungere il blocco tabella all'editor<\/h3>\n\n\n\n<p>Aprire un post o una pagina in cui si desidera aggiungere la tabella. Aggiungere la tabella <strong>Blocco tabella<\/strong> all'editore.<\/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\/05\/Add-the-Table-Block-to-the-Editor.webp\" alt=\"Aggiungere il blocco Tabella all&#039;editor\" class=\"wp-image-1441\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns.webp\" alt=\"Definire il numero di righe e colonne\" class=\"wp-image-482\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>La tabella verr\u00e0 creata in pochi secondi.<\/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\/05\/Default-table-is-created.webp\" alt=\"Viene creata una tabella predefinita\" class=\"wp-image-1442\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 2: utilizzare l'opzione Immagine in linea nella tabella<\/h3>\n\n\n\n<p>Posizionare il cursore sulla cella in cui si desidera aggiungere un'immagine. Viene visualizzata la barra degli strumenti.<\/p>\n\n\n\n<p>Fare clic sul pulsante <strong>Pi\u00f9 opzione<\/strong> sulla barra degli strumenti. Trovate e premete <strong>Immagine in linea<\/strong> nell'elenco.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-1024x523.webp\" alt=\"\" class=\"wp-image-1443\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table.webp 1279w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 3: Selezionare e aggiungere un'immagine<\/h3>\n\n\n\n<p>Sar\u00e0 possibile aggiungere un'immagine dalla Libreria multimediale o caricandola dal disco locale. Scegliere l'immagine desiderata. Fare clic sul pulsante <strong>Pulsante di selezione<\/strong> alla fine.<\/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\/04\/Image-selected-from-the-media-library.webp\" alt=\"Selezionare e aggiungere un&#039;immagine\" class=\"wp-image-1180\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>L'immagine verr\u00e0 aggiunta in un secondo. Ora \u00e8 possibile aumentarne le dimensioni modificandone la larghezza.<\/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\/05\/Set-width-for-the-Inline-Image.png\" alt=\"Impostare la larghezza dell&#039;immagine in linea\" class=\"wp-image-1444\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-768x393.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Allo stesso modo, aggiungere una nuova immagine all'altra colonna utilizzando la stessa opzione Immagine in linea.<\/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\/05\/Add-inline-image-to-a-table.webp\" alt=\"Aggiungere un&#039;immagine in linea a una tabella\" class=\"wp-image-1445\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7a241c92-fa6f-4649-9f97-ddbc8696c721\"><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><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Tableberg-Block\">Metodo 2: utilizzo del blocco Tableberg<\/h2>\n\n\n\n<p><a title=\"TavoloBerg\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\">Tavolo di lavoro<\/a> \u00e8 un plugin per la creazione di tabelle ricco di funzioni e facile da usare per i principianti. Con questo plugin \u00e8 possibile costruire tabelle e aggiungere immagini alle loro celle. Di seguito abbiamo spiegato il procedimento.<\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#ffeec9\"><strong>Nota<\/strong>: Assicuratevi di aver <a href=\"https:\/\/tableberg.com\/it\/documenti\/come-installare-il-plugin-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">installato e attivato il plugin Tableberg<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 01: aggiungere il blocco Tableberg all'editor<\/h3>\n\n\n\n<p>Trovate e aggiungete il file <strong>Blocco Tableberg<\/strong> nell'editor. Il blocco funziona come il blocco Tabella predefinito, come mostrato sopra.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp\" alt=\"Trovare e aggiungere il blocco TableBerg all&#039;editor di Gutenberg\" class=\"wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Definire il numero di riga e di colonna.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp\" alt=\"\" class=\"wp-image-1031\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il contorno della tabella \u00e8 pronto.<\/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\/05\/Default-table-is-created.webp\" alt=\"Lo schema della tabella \u00e8 pronto\" class=\"wp-image-1442\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 2: Aggiungere il blocco immagine alla tabella<\/h3>\n\n\n\n<p>L'Tableberg comprende il <strong><a href=\"https:\/\/tableberg.com\/it\/documenti\/come-aggiungere-immagini-a-una-tabella-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocco immagine<\/a><\/strong>. Funziona in modo simile al <a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-immagine-in-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-use-the-image-block-in-wordpress\/\" rel=\"noreferrer noopener\">Blocco immagine Gutenberg<\/a>. Aggiungere il blocco Immagine alla cella.<\/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\/05\/Add-the-Image-Block-to-the-Table.webp\" alt=\"Aggiungere il blocco immagine alla tabella\" class=\"wp-image-1446\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Selezionare l'opzione per caricare l'immagine desiderata dalla rispettiva fonte. Per questa esercitazione, caricheremo l'immagine dalla Libreria multimediale.<\/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\/05\/Select-the-image-uploading-option.webp\" alt=\"Selezionare l&#039;opzione di caricamento delle immagini\" class=\"wp-image-1447\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 3: Selezionare e caricare un'immagine<\/h3>\n\n\n\n<p>Spero che sappiate cosa dovete fare. Scegliete un'immagine e fate clic sul pulsante <strong>Pulsante di selezione<\/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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp\" alt=\"Selezionare e caricare un&#039;immagine\" class=\"wp-image-1180\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>L'immagine verr\u00e0 aggiunta immediatamente alla tabella. \u00c8 possibile modificare le dimensioni dell'immagine trascinando la linea del bordo, come mostrato nell'immagine seguente.<\/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\/05\/The-image-will-be-added-to-the-table.webp\" alt=\"L&#039;immagine verr\u00e0 aggiunta alla tabella\" class=\"wp-image-1448\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 4: personalizzare e stilizzare l'immagine<\/h3>\n\n\n\n<p>Venite al <strong>Scheda Impostazioni<\/strong> nella barra laterale destra. \u00c8 possibile aggiungere un testo alternativo, un rapporto di aspetto, una larghezza, un'altezza e una risoluzione che non sono possibili con l'opzione Immagine in linea.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-1024x524.webp\" alt=\"\" class=\"wp-image-1449\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-768x393.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Vai al sito <strong>Scheda Stili<\/strong>. \u00c8 possibile aggiungere un bordo e il raggio del bordo utilizzando le opzioni di questa scheda.<\/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\/05\/Stylize-the-image-on-the-table.webp\" alt=\"Stilizzare l&#039;immagine sul tavolo\" class=\"wp-image-1450\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>In questo modo, \u00e8 possibile aggiungere immagini alla tabella di WordPress.<\/p>\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 aggiungere immagini al blocco tabella in WordPress | Plugin gratuito Tableberg\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/acGs-w0nk2U?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<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a58e77cf-4f6e-4bda-9655-f1e1f2075aea\"><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><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Note di finitura!<\/h3>\n\n\n\n<p>Sebbene TableBerg sia un nuovo plugin, sar\u00e0 un vero e proprio cambiamento di gioco. Porter\u00e0 presto l'esperienza di costruzione di tabelle basate su Gutenberg a un livello superiore. <\/p>\n\n\n\n<p>Con il plugin TableBerg \u00e8 possibile aggiungere non solo immagini, ma anche vari altri tipi di contenuti come nastri, valutazioni, elenchi puntati, pulsanti CTA, HTML personalizzato, ecc.<\/p>\n\n\n\n<p>Utilizzandoli \u00e8 possibile creare tabelle multifunzionali con il plugin. Controllare alcuni post:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/it\/come-visualizzare-le-immagini-di-wordpress-in-colonne-e-righe\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come visualizzare le immagini di WordPress in colonne e righe<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-provare-il-tableberg\/\" target=\"_blank\" rel=\"noopener\" title=\"Come provare TableBerg senza installarlo sul vostro sito\">Come provare TableBerg senza installarlo sul vostro sito<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-di-confronto-dei-prodotti-amazon-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"Come creare una tabella di confronto dei prodotti \">Come creare una tabella di confronto dei prodotti <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-di-specifiche-di-prodotto-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"Come creare una tabella di specifiche di prodotto\">Come creare una tabella di specifiche di prodotto<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_37c05b7d-201a-4949-a9a4-a539d3ba76bd\"><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><\/div>","protected":false},"excerpt":{"rendered":"<p>Visual content is undoubtedly crucial for engaging users. Whether you are a blogger, affiliate, eCommerce owner or else, you may need to add graphical content for various reasons. Images are one such important graphical content. Many users yet don&#8217;t know how to add images to WordPress tables. But by adding images to the table, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[83,41,9],"class_list":["post-1440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-how-to-add-images","tag-image-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Create-an-Amazon-Product-Comparison-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\/1440","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=1440"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/1440\/revisions"}],"predecessor-version":[{"id":8221,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/1440\/revisions\/8221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/6786"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=1440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=1440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=1440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}