{"id":3336,"date":"2025-06-24T16:09:59","date_gmt":"2025-06-24T16:09:59","guid":{"rendered":"https:\/\/tableberg.com\/?p=3336"},"modified":"2025-06-24T16:10:02","modified_gmt":"2025-06-24T16:10:02","slug":"come-affiancare-testo-e-immagine-in-wordpress","status":"publish","type":"post","link":"http:\/\/tableberg.com\/it\/how-to-put-text-and-image-side-by-side-in-wordpress\/","title":{"rendered":"Come affiancare testo e immagine in WordPress"},"content":{"rendered":"<p>Quando si tratta di recensioni di prodotti, tabelle comparative, tutorial, racconti di viaggio, infografiche, contenuti didattici, ecc. \u00e8 possibile che si debbano affiancare testi e immagini. Ci sono molti modi per farlo in WordPress. <\/p>\n\n\n\n<p>In questo articolo vi mostreremo diversi modi efficaci per affiancare testo e immagine in WordPress. Seguiteci fino alla fine. Imparerete davvero qualcosa di interessante.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-771754c5-6e52-4edb-ac05-6e6176ad9d96\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Affiancare testo e immagine in WordPress:<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"color: #636381; \"><a href=\"http:\/\/tableberg.com\/it\/how-to-put-text-and-image-side-by-side-in-wordpress\/#0-method-1-using-the-media-amp-text-block\" style=\"\">Metodo 1: Utilizzo del blocco Media e testo<\/a><\/li><li style=\"color: #636381; \"><a href=\"http:\/\/tableberg.com\/it\/how-to-put-text-and-image-side-by-side-in-wordpress\/#5-method-2-using-the-columns-block\" style=\"\">Metodo 2: Utilizzo del blocco colonne<\/a><\/li><li style=\"color: #636381; \"><a href=\"http:\/\/tableberg.com\/it\/how-to-put-text-and-image-side-by-side-in-wordpress\/#9-method-3-using-the-tableberg-block\" style=\"\">Metodo 3: utilizzo del blocco Tableberg<\/a><\/li><li style=\"color: #636381; \"><a href=\"http:\/\/tableberg.com\/it\/how-to-put-text-and-image-side-by-side-in-wordpress\/#14-method-4-using-the-sliderberg-block\" style=\"\">Metodo 4: Utilizzo del blocco Sliderberg<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-method-1-using-the-media-amp-text-block\">Metodo 1: Utilizzo del blocco Media e testo<\/h2>\n\n\n\n<p><strong>Media e testo<\/strong> \u00e8 un blocco predefinito dell'editor di blocchi di Gutenberg. Con questo blocco, \u00e8 possibile affiancare testo e immagini senza dover ricorrere a strumenti di terze parti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-01-add-the-media-amp-text-to-the-editor\">Passo 01: Aggiungere i media e il testo all'editor<\/h3>\n\n\n\n<p>Fare clic sul pulsante <strong>icona pi\u00f9 (+)<\/strong> sull'editor. Tipo <strong>Media e testo<\/strong> nella barra di ricerca. Aggiungere il blocco 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress.webp\" alt=\"Aggiungere il blocco Media e testo a WordPress\" class=\"wp-image-3337\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-02-addupload-an-image-to-the-block\">Passo 02: Aggiungere\/caricare un'immagine al blocco<\/h3>\n\n\n\n<p>\u00c8 possibile aggiungere un'immagine caricandola dall'unit\u00e0 locale, dalla libreria multimediale o da quella in primo piano. Scegliete l'opzione che preferite.<\/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\/09\/AddUpload-an-Image-to-the-Block.webp\" alt=\"Aggiungere\/caricare un&#039;immagine al blocco\" class=\"wp-image-3338\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si pu\u00f2 vedere che l'immagine viene aggiunta al 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\/09\/Image-is-added-to-the-Media-Text-block.webp\" alt=\"L&#039;immagine viene aggiunta al blocco Media e testo\" class=\"wp-image-3339\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-03-add-text-to-the-media-amp-text-block\">Passo 03: Aggiungere testo al blocco Media e testo<\/h3>\n\n\n\n<p>Scrivere il testo desiderato sulla colonna destra del blocco. \u00c8 possibile personalizzare il colore del testo, l'allineamento e altro ancora.<\/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\/09\/Add-Text-to-the-Media-Text-Block.webp\" alt=\"Aggiungere testo al blocco Media e Testo\" class=\"wp-image-3340\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-04-alternate-the-text-and-media-file-position\">Passo 04: Alternare la posizione del testo e dei file multimediali<\/h3>\n\n\n\n<p>Il blocco consente di alternare la posizione dei file di testo e multimediali facendo clic sulle rispettive opzioni nella barra degli strumenti.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Switch-the-Text-and-Media-File.mp4\"><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-method-2-using-the-columns-block\">Metodo 2: Utilizzo del blocco colonne<\/h2>\n\n\n\n<p>Il <strong>Colonne<\/strong> \u00e8 anche un blocco predefinito dell'editor. \u00c8 uno dei blocchi pi\u00f9 utilizzati nella creazione di contenuti in WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-01-add-the-columns-block-to-the-editor\">Passo 01: aggiungere il blocco colonne all'editor<\/h3>\n\n\n\n<p>\u00c8 possibile visualizzare testo e immagine affiancati aggiungendo l'opzione <strong>Paragrafo<\/strong> e <strong>Blocchi di immagini<\/strong> separatamente all'interno dei blocchi di colonne.<\/p>\n\n\n\n<p>Quindi, <strong>aggiungere il blocco Colonne<\/strong> prima 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor.webp\" alt=\"Aggiungere il blocco Colonne all&#039;editor\" class=\"wp-image-3342\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Selezionare un layout a due 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\/09\/Select-a-two-column-layout.webp\" alt=\"Selezionare un layout a due colonne\" class=\"wp-image-3344\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-step-02-add-the-image-block-to-the-columns-block\">Passo 02: Aggiungere il blocco immagine al blocco colonne<\/h3>\n\n\n\n<p>\u00c8 meglio visualizzarli a sinistra. Quindi, <strong>aggiungere il blocco immagine<\/strong> alla colonna di sinistra.<\/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\/09\/Add-the-Image-Block-to-the-Columns-Block.webp\" alt=\"Aggiungere il blocco immagine al blocco colonne\" class=\"wp-image-3345\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Anche in questo caso, aggiungere l'immagine desiderata, sia essa proveniente dall'unit\u00e0 locale, dalla libreria multimediale o da un URL.<\/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\/09\/Upload-an-image-to-the-columns-block.webp\" alt=\"Caricare un&#039;immagine nel blocco colonne\" class=\"wp-image-3346\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si pu\u00f2 vedere che l'immagine \u00e8 stata aggiunta al 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\/09\/Image-is-added-to-columns-block.webp\" alt=\"L&#039;immagine viene aggiunta al blocco colonne\" class=\"wp-image-3347\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-step-03-add-text-to-the-cloumns-block\">Passo 03: Aggiungere il testo al blocco di cloumns<\/h3>\n\n\n\n<p>Aggiungere il <strong>Blocco di paragrafi<\/strong> alla colonna di destra. In questo modo \u00e8 possibile aggiungere del testo.<\/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\/09\/Add-the-Paragraph-block-to-the-Columns-block.webp\" alt=\"Aggiungere il blocco Paragrafo al blocco Colonne\" class=\"wp-image-3348\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Si pu\u00f2 notare che il testo viene aggiunto alla 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block.webp\" alt=\"Il testo viene aggiunto al blocco delle colonne\" class=\"wp-image-3349\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Successivamente, \u00e8 possibile personalizzare il blocco delle colonne, compresi l'immagine e il testo.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"9-method-3-using-the-tableberg-block\">Metodo 3: utilizzo del blocco Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tavolo di lavoro<\/a> \u00e8 un meraviglioso plugin per la creazione di tabelle che consente di progettare numerose parti per il proprio sito web. Questo plugin consente anche di affiancare testo e immagini. Scaricate il plugin facendo clic sui pulsanti allegati al banner sottostante.<\/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<p>Iniziate subito a seguire il tutorial.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-step-01-add-the-tableberg-block-to-the-editor\">Passo 01: aggiungere il blocco Tableberg all'editor<\/h3>\n\n\n\n<p>Questo plugin aggiunge un blocco denominato Tableberg alla libreria dei blocchi di Gutenberg. <strong>Aggiungere il blocco Tableberg<\/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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"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.webp 1280w, 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-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Selezionare il numero di colonne e righe necessarie per il layout. Noi sceglieremo 2*1.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp\" alt=\"Impostare il numero di righe e colonne\" class=\"wp-image-3014\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Le colonne e le righe sono pronte.<\/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\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp\" alt=\"Le righe e le colonne vengono aggiunte all&#039;editor\" class=\"wp-image-3309\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"11-step-02-add-an-image-to-a-cell-of-the-table-\">Passo 02: Aggiungere un'immagine a una cella della tabella <\/h3>\n\n\n\n<p>L'Tableberg consente di aggiungere diversi blocchi personalizzati alle sue celle. Facendo clic sul pulsante <strong>icona pi\u00f9 (+)<\/strong>, trovare e <strong>aggiungere il blocco immagine<\/strong> a una delle sue celle.<\/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\/09\/Add-the-Image-block-to-the-Amazon-Product-box.webp\" alt=\"Aggiungere un blocco immagine a Tableberg\" class=\"wp-image-3310\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Caricare l'immagine per l'unit\u00e0 locale o aggiungerne una 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg.webp\" alt=\"Caricare o aggiungere un&#039;immagine all&#039;Tableberg\" class=\"wp-image-3350\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Abbiamo aggiunto un'immagine, che potete vedere qui sotto.<\/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\/09\/An-image-is-added-to-the-table.webp\" alt=\"Viene aggiunta un&#039;immagine alla tabella\" class=\"wp-image-3351\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"12-step-03-add-text-to-the-table\">Passo 03: Aggiungere testo alla tabella<\/h3>\n\n\n\n<p>\u00c8 sufficiente aggiungere testo alla colonna di destra utilizzando il blocco paragrafo.<\/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\/09\/Add-text-to-Tableberg.webp\" alt=\"Aggiungi testo a Tableberg\" class=\"wp-image-3352\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"13-step-04-modify-the-tableberg-border\">Passo 04: modifica del bordo Tableberg<\/h3>\n\n\n\n<p>\u00c8 possibile rendere questa sezione pi\u00f9 attraente rimuovendo o colonizzando il bordo della tabella. <strong>Vai a <\/strong>il <strong>Scheda Stili<\/strong>.<\/p>\n\n\n\n<p><strong>Vieni a tavola Border<\/strong> scorrendo la scheda verso il basso. Da queste opzioni \u00e8 possibile rimuovere o colorare il 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table.webp\" alt=\"Rimuovere i bordi dalla tabella\" class=\"wp-image-3353\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>\u00c8 quindi possibile creare sezioni web per affiancare testo e immagini in WordPress.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"14-method-4-using-the-sliderberg-block\">Metodo 4: Utilizzo del blocco Sliderberg<\/h2>\n\n\n\n<p>Volete mostrare testo e immagini affiancati in uno slider interattivo? Il <strong><a href=\"https:\/\/wordpress.org\/plugins\/sliderberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sliderberg<\/a><\/strong> vi permette di fare esattamente questo, utilizzando il noto blocco Media &amp; Text, con la massima flessibilit\u00e0. Ecco come configurarlo in pochi minuti:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"15-step-1-install-and-activate-the-sliderberg-plugin\">Passo 1: Installare e attivare il plugin Sliderberg<\/h3>\n\n\n\n<p>Per prima cosa, andare su <strong>Plugin \u2192 Aggiungi nuovo<\/strong> nella dashboard di WordPress, cercare \"Sliderberg\" e fare clic su <strong>Installa ora<\/strong>. Quindi attivare il plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1024x512.png\" alt=\"\" class=\"wp-image-9815\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1024x512.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-768x384.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1536x768.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-2048x1024.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"16-step-2-insert-the-sliderberg-block\">Passo 2: Inserire il blocco Sliderberg<\/h3>\n\n\n\n<p>Modificare il post o la pagina. Fare clic sul pulsante <strong>+<\/strong> cercare \"Sliderberg\" e inserire il blocco Sliderberg nel punto in cui si desidera che appaia il cursore.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1024x518.png\" alt=\"\" class=\"wp-image-9816\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1024x518.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-300x152.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-768x389.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1536x778.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-2048x1037.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"17-step-3-select-the-%E2%80%98blocks-slider%E2%80%99-type\">Passo 3: Selezionare il tipo di \"cursore blocchi\".<\/h3>\n\n\n\n<p>Quando viene richiesto, scegliere l'opzione <strong>Cursore dei blocchi<\/strong> opzione. Ci\u00f2 consente di aggiungere qualsiasi blocco Gutenberg all'interno di ogni diapositiva.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1024x510.png\" alt=\"\" class=\"wp-image-9817\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1024x510.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-768x383.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1536x765.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-2048x1020.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"18-step-4-choose-a-background-color-for-the-slider\">Passo 4: scegliere un colore di sfondo per il cursore<\/h3>\n\n\n\n<p>Scegliete un colore di sfondo per il vostro cursore che si adatti allo stile del vostro sito, oppure mantenetelo trasparente per un look pulito.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1024x584.png\" alt=\"\" class=\"wp-image-9818\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1024x584.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-768x438.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1536x877.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-2048x1169.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"19-step-5-add-the-%E2%80%98media-amp-text%E2%80%99-block-inside-the-slider\">Passo 5: Aggiungere il blocco 'Media e testo' all'interno del cursore<\/h3>\n\n\n\n<p>All'interno della prima diapositiva, fare clic sul pulsante <strong>+<\/strong> e inserire il pulsante <strong>Media e testo<\/strong> blocco.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-video\"><video height=\"1796\" style=\"aspect-ratio: 3158 \/ 1796;\" width=\"3158\" autoplay loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-Block.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"20-step-6-add-image-and-text-to-the-slider\">Passo 6: Aggiungere immagine e testo al cursore<\/h3>\n\n\n\n<p>Utilizzare il blocco Media e testo per caricare l'immagine (lato sinistro) e aggiungere il testo (lato destro). \u00c8 possibile utilizzare titoli, paragrafi, pulsanti o qualsiasi altro blocco necessario.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-video\"><video height=\"1732\" style=\"aspect-ratio: 3152 \/ 1732;\" width=\"3152\" autoplay loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Image-Text-to-the-Slider-.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"21-step-7-add-or-duplicate-slides\">Passo 7: Aggiungere o duplicare le diapositive<\/h3>\n\n\n\n<p>Volete altre diapositive? Fare clic su <strong>Aggiungere una diapositiva<\/strong> per crearne uno nuovo, oppure <strong>Slide duplicate<\/strong> per copiare un layout esistente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1024x554.png\" alt=\"\" class=\"wp-image-9820\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1024x554.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-300x162.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-768x416.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1536x832.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-2048x1109.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"22-step-8-customize-the-slider-and-publish\">Passo 8: personalizzare il cursore e pubblicarlo<\/h3>\n\n\n\n<p>Modificare le impostazioni del cursore (animazione, autoplay, frecce di navigazione, ecc.) in base alle proprie preferenze. Quando si \u00e8 pronti, fare clic su <strong>Pubblicare<\/strong> per andare in onda!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"635\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1024x635.png\" alt=\"\" class=\"wp-image-9822\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1024x635.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-300x186.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-768x476.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1536x952.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-2048x1270.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora avete uno slider fluido e reattivo che mostra testo e immagini affiancati, perfetto per le vetrine dei team, i prodotti, le testimonianze e altro ancora.<\/p>\n\n\n\n<p><strong>Suggerimento:<\/strong> \u00c8 possibile utilizzare <em>qualsiasi<\/em> all'interno delle diapositive Sliderberg, non solo Media &amp; Text! Potete creare pulsanti, icone, colonne o anche blocchi di terze parti.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"23-conclusion\">Conclusione<\/h3>\n\n\n\n<p>In effetti, \u00e8 possibile sfruttare i blocchi predefiniti di Gutenberg per creare e progettare i post e le pagine web. Ma poich\u00e9 mancano di molte funzioni avanzate, spesso \u00e8 necessario ricorrere a plugin di blocco aggiuntivi, dotati di molte funzioni interessanti. <\/p>\n\n\n\n<p>Tableberg \u00e8 un plugin interessante che si pu\u00f2 usare in questo caso. Ultimate Blocks \u00e8 un altro ottimo plugin per i blocchi che dovreste prendere in considerazione. Esplorate le versioni gratuite di questi due plugin facendo clic sui pulsanti allegati qui sotto.<\/p>\n\n\n\n<p><strong>Leggi anche<\/strong>: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/it\/come-affiancare-le-immagini-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come affiancare le immagini in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-aggiungere-un-testo-sopra-unimmagine-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come aggiungere testo sopra un'immagine in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/it\/come-ridimensionare-i-blocchi-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come ridimensionare i blocchi in WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>While covering product reviews, comparison tables, tutorials, travel stories, infographics, educational content, etc., you may have to put texts and images side by side. There are numerous ways to do this in WordPress. In this article, we&#8217;ll show you several effective ways of how to put text and image side by side in WordPress. So, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3355,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[111,112,102],"class_list":["post-3336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-amazon-product-marketing","tag-create-web-sections","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Put-Text-and-Image-Side-by-Side-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"http:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=3336"}],"version-history":[{"count":7,"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3336\/revisions"}],"predecessor-version":[{"id":9823,"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3336\/revisions\/9823"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/3355"}],"wp:attachment":[{"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=3336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=3336"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=3336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}