{"id":1018,"date":"2025-01-27T10:22:22","date_gmt":"2025-01-27T10:22:22","guid":{"rendered":"https:\/\/tableberg.com\/?p=1018"},"modified":"2025-01-27T10:22:25","modified_gmt":"2025-01-27T10:22:25","slug":"come-affiancare-le-immagini-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-put-images-side-by-side-in-wordpress\/","title":{"rendered":"Come affiancare le immagini in WordPress (tre modi)"},"content":{"rendered":"<p>I contenuti visivi svolgono un ruolo cruciale nel catturare l'attenzione degli utenti online. Ci\u00f2 che una singola immagine pu\u00f2 trasmettere spesso richiede centinaia di parole. Inoltre, le immagini possono evocare emozioni e migliorare l'estetica complessiva.<\/p>\n\n\n\n<p>Un modo efficace per mettere in mostra le immagini \u00e8 affiancarle. Questa tecnica \u00e8 particolarmente utile per confrontare pi\u00f9 prodotti, presentare immagini prima e dopo e raccontare una storia.<\/p>\n\n\n\n<p>In questo articolo vi mostreremo tre modi semplici per affiancare le immagini in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Metodo 1<\/strong>: <a href=\"#0-method-one-using-the-gallery-block\">Utilizzo del blocco Galleria <\/a><\/li>\n\n\n\n<li><strong>Metodo 2<\/strong>: <a href=\"#2-method-two-using-the-columns-block\">Utilizzo del blocco colonne<\/a><\/li>\n\n\n\n<li><strong>Metodo 3<\/strong>: <a href=\"#4-method-three-using-the-tableberg-block\">Utilizzo del blocco Tableberg<\/a><\/li>\n<\/ul>\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\" id=\"0-method-one-using-the-gallery-block\">Metodo uno: utilizzare il blocco Galleria<\/h2>\n\n\n\n<p>WordPress viene fornito con il blocco Galleria predefinito. \u00c8 possibile presentare le immagini affiancate al blocco nei seguenti modi. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-01-add-the-gallery-block-to-wordpress\">Passo 01: Aggiungere il blocco Galleria a WordPress<\/h3>\n\n\n\n<p>\u00c8 sufficiente aprire un post o una pagina. Trovare la voce <strong><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-galleria-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocco della galleria<\/a><\/strong> nella libreria dei blocchi di Gutenberg premendo il tasto <strong>pulsante pi\u00f9 (+)<\/strong>. Aggiungerlo all'editor.<\/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\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp\" alt=\"Trovare e aggiungere il blocco Galleria di Gutenberg a WordPress\" class=\"wp-image-1019\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Fare clic sul pulsante <strong>Pulsante di caricamento<\/strong> per aggiungere nuove immagini dalla memoria locale. In alternativa, \u00e8 possibile caricarle dai file esistenti facendo clic sul pulsante <strong>Biblioteca multimediale<\/strong> pulsante.<\/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\/03\/Upload-images-from-local-storage-or-media-library.webp\" alt=\"Caricare le immagini dalla memoria locale o dalla libreria multimediale\" class=\"wp-image-1020\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Per questa esercitazione, caricheremo le immagini dalla Libreria multimediale. Selezionare le immagini da aggiungere. Premete il tasto <strong>Creare una nuova galleria<\/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\/03\/Create-a-new-gallery.webp\" alt=\"Creare una nuova galleria\" class=\"wp-image-1021\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Una volta aggiunte le immagini all'editor, le vedrete apparire una accanto all'altra. Successivamente, \u00e8 possibile personalizzare le impostazioni e gli stili del blocco Galleria utilizzando le rispettive opzioni nella barra laterale destra. <\/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\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block.webp\" alt=\"Immagini visualizzate una accanto all&#039;altra utilizzando il blocco Galleria di Gutenberg\" class=\"wp-image-1024\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Nota:<\/strong> Se le immagini non vengono visualizzate affiancate per impostazione predefinita, selezionare l'intero blocco facendo clic sul pulsante <strong>Icona della galleria<\/strong> sulla barra degli strumenti. Specificare i numeri di colonna nella barra laterale destra.<\/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\/03\/Set-columns-for-the-Gallery-block.webp\" alt=\"Impostare il numero di colonna per il blocco Galleria\" class=\"wp-image-1025\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-method-two-using-the-columns-block\">Metodo due: utilizzare il blocco colonne<\/h2>\n\n\n\n<p>Il blocco Colonna consente di <a href=\"https:\/\/tableberg.com\/it\/come-dividere-il-contenuto-di-wordpress-in-due-o-piu-colonne\/\" target=\"_blank\" rel=\"noreferrer noopener\">dividere i contenuti in pi\u00f9 colonne<\/a>. \u00c8 possibile aggiungere altri blocchi per aggiungere diversi tipi di contenuto all'interno di ogni colonna.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-01-add-the-column-block-to-your-site\">Passo 01: Aggiungere il blocco colonne al sito<\/h3>\n\n\n\n<p>Aggiungere il <strong><a href=\"https:\/\/tableberg.com\/it\/come-creare-colonne-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocco colonne<\/a><\/strong> all'editor seguendo lo stesso metodo descritto sopra.<\/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-the-Gutenberg-column-block.webp\" alt=\"Aggiungere il blocco colonne al sito\" class=\"wp-image-435\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Selezionare la disposizione delle colonne come si desidera. \u00c8 possibile visualizzare un numero uguale di immagini affiancate, corrispondente al numero di colonne aggiunte. Abbiamo selezionato il layout a due colonne per il 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\/01\/Select-the-column-layout.webp\" alt=\"Selezionare un layout di colonna\" class=\"wp-image-436\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Aggiungere il <strong><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-immagine-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocco immagine<\/a><\/strong> premendo il tasto <strong>pulsante pi\u00f9 (+)<\/strong> all'interno del <strong>Blocco colonne<\/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\/03\/Add-the-Image-block-to-the-Column-block.webp\" alt=\"Aggiungere il blocco Immagine al blocco Colonna\" class=\"wp-image-1027\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Caricare un'immagine nello stesso modo in cui abbiamo mostrato sopra.<\/p>\n\n\n\n<p><strong>Nota:<\/strong> Trattandosi del blocco Immagine, \u00e8 possibile <strong>aggiungere solo un'immagine<\/strong>a differenza del blocco Galleria.<\/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\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above.webp\" alt=\"Caricare l&#039;immagine nel blocco colonna \" class=\"wp-image-1028\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Allo stesso modo, si aggiunga l'elemento <strong>Blocco immagine<\/strong> di nuovo alla seconda colonna.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla.webp\" alt=\"Aggiungere pi\u00f9 immagini al blocco colonna\" class=\"wp-image-1029\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-768x391.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si pu\u00f2 notare che la seconda immagine \u00e8 apparsa accanto alla prima. \u00c8 ora possibile aggiungere testi alternativi e altre impostazioni per le immagini una per una.<\/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\/03\/Multiple-images-are-displayed-using-the-column-block.webp\" alt=\"Le immagini multiple vengono visualizzate utilizzando il blocco colonna\" class=\"wp-image-1030\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-method-three-using-the-tableberg-block\">Metodo 3: Utilizzo del blocco Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tavolo di lavoro<\/a> \u00e8 un plugin per la creazione di tabelle basate su blocchi. Con esso \u00e8 possibile creare colonne e visualizzare immagini affiancate. Seguire i passaggi spiegati di seguito dopo <strong>installazione<\/strong> e <strong>attivando<\/strong> il plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1874\" height=\"604\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg.png\" alt=\"Installare e attivare il plugin TableBerg\" class=\"wp-image-420\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg.png 1874w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-300x97.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-1024x330.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-768x248.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-1536x495.png 1536w\" sizes=\"auto, (max-width: 1874px) 100vw, 1874px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-01-add-the-tableberg-block\">Passo 01: Aggiungere il blocco TableBerg<\/h3>\n\n\n\n<p>Il plugin viene fornito con un <strong>Blocco TableBerg<\/strong>. Aggiungerlo all'editor.<\/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-the-TableBerg-block-to-your-page-or-post.png\" alt=\"Aggiungete il blocco TableBerg al vostro post o pagina\" class=\"wp-image-175\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Se volete, potete selezionare pi\u00f9 righe. Ma l'esercitazione di oggi sar\u00e0 spiegata con una sola riga e pi\u00f9 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\/03\/Select-a-row-and-columns-for-the-table.webp\" alt=\"Selezionare una riga e delle colonne per la tabella\" 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.webp 1280w, 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-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>TableBerg consente di aggiungere diversi tipi di blocchi alle celle della tabella. Aggiungere il <strong>Blocco immagine<\/strong> alle celle della 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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells.webp\" alt=\"Aggiungere il blocco immagine alle celle di TableBerg\" class=\"wp-image-1032\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Caricare un'immagine<\/strong> alla cella della tabella nello stesso modo in cui abbiamo mostrato i due metodi precedenti.<\/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\/03\/Upload-image-to-the-table.webp\" alt=\"Caricare l&#039;immagine nella tabella\" class=\"wp-image-1033\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Continuare ad aggiungere immagini alle altre colonne della tabella utilizzando il metodo <strong>Blocco immagine<\/strong>. Spero che tu possa farcela da solo.<\/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\/03\/Keep-adding-images-to-other-columns-of-the-table.webp\" alt=\"Continuare ad aggiungere immagini alle altre colonne della tabella\" class=\"wp-image-1034\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si veda l'immagine qui sotto. Abbiamo visualizzato tre immagini affiancate all'interno della tabella creata con il blocco TableBerg.<\/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\/03\/Images-displayed-side-by-side-with-the-TableBerg-table.png\" alt=\"Immagini visualizzate fianco a fianco con la tabella TableBerg\" class=\"wp-image-1035\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong># Rimuovere il bordo del tavolo<\/strong><\/p>\n\n\n\n<p>\u00c8 possibile notare un bordo intorno alla tabella. Per rimuoverlo, <strong>fare clic sull'icona TableBerg<\/strong> tre volte sulla barra degli strumenti. Andare a <strong>Scheda Stili &gt; Bordo<\/strong> sulla barra laterale destra. Mettete il pulsante <strong>valore zero (0)<\/strong> per definire le dimensioni del bordo della 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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border.webp\" alt=\"Rimuovere il bordo della tabella\" class=\"wp-image-1036\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>In questo modo, \u00e8 possibile visualizzare le immagini fianco a fianco sui siti web WordPress.<\/p>\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=\"6-conclusion\">Conclusione<\/h3>\n\n\n\n<p>Mostrare immagini affiancate \u00e8 molto vantaggioso, mentre il confronto visivo tra diversi prodotti, opzioni, caratteristiche e varianti \u00e8 essenziale. Spero che oggi possiate farlo da soli con questo tutorial.<\/p>\n\n\n\n<p>Potete fare di pi\u00f9 sul vostro sito creando diversi tipi di tabelle con il plugin TableBerg. Date un'occhiata a <a href=\"https:\/\/tableberg.com\/it\/come-creare-una-tabella-di-confronto-dei-prodotti-amazon-in-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-amazon-product-comparison-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">come creare una tabella di confronto dei prodotti Amazon in WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Visual content plays a crucial role in capturing the attention of online users. What a single image can convey often requires hundreds of words. Besides, images can evoke emotions and enhance the overall aesthetics. One effective way to showcase images is by placing them side by side. This technique is particularly helpful in comparing multiple [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[42,41,9],"class_list":["post-1018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-column-block","tag-image-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Put-Images-Side-by-Side-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\/1018","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=1018"}],"version-history":[{"count":5,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/1018\/revisions"}],"predecessor-version":[{"id":7129,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/1018\/revisions\/7129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/7127"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=1018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=1018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}