{"id":5284,"date":"2024-11-22T21:15:46","date_gmt":"2024-11-22T21:15:46","guid":{"rendered":"https:\/\/tableberg.com\/?p=5284"},"modified":"2024-11-22T21:15:46","modified_gmt":"2024-11-22T21:15:46","slug":"come-utilizzare-il-blocco-media-e-testo-di-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/","title":{"rendered":"Come utilizzare il blocco Media e Testo di WordPress"},"content":{"rendered":"<p>Il blocco Media e Testo colma una lacuna nel design di WordPress di cui molti utenti non si erano nemmeno accorti. Certo, si possono usare blocchi separati per le immagini, i video o il testo, ma farli stare in modo ordinato <a href=\"https:\/\/tableberg.com\/it\/come-affiancare-testo-e-immagine-in-wordpress\/\">fianco a fianco<\/a> spesso si trasforma in un gioco di prestigio di colonne, allineamenti e layout.&nbsp;<\/p>\n\n\n\n<p>Questo blocco \u00e8 la risposta senza fronzoli per chi vuole che i media e il testo si completino a vicenda senza problemi. <\/p>\n\n\n\n<p>Pensate a un food blogger che mostra la foto di una ricetta con le istruzioni, a un'azienda che mette in evidenza un nuovo prodotto con i relativi dettagli, o anche a un narratore che combina immagini e parole per attirare i lettori.&nbsp;<\/p>\n\n\n\n<p>Il blocco Media e testo rende possibile tutto questo con pochi clic.<\/p>\n\n\n\n<p>Questa guida vi guida in tutto e per tutto, in modo che possiate padroneggiare rapidamente il blocco e portare i vostri contenuti a un altro livello.<\/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-2df940c3-e159-4639-a913-f67c8b8c920f\" 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=\"color: #2092ab; \">\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\">Come utilizzare il blocco Media e Testo di 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=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#0-step-1-add-the-media-and-text-block-\" style=\"\">Passo 1: Aggiungere il blocco Media e Testo<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#1-step-2-insert-media-\" style=\"\">Fase 2: inserimento dei media<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#2-step-3-add-text-\" style=\"\">Passo 3: Aggiungere il testo<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#3-step-4-customize-the-block-\" style=\"\">Passo 4: personalizzare il blocco<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#4-41-customize-with-the-toolbar-\" style=\"\">4.1 Personalizzazione con la barra degli strumenti<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#5-42-customize-the-text-\" style=\"\">4.2 Personalizzazione del testo<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#6-43-customize-through-the-block-settings-\" style=\"\">4.3 Personalizzazione attraverso le impostazioni del blocco<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/it\/how-to-use-the-wordpress-media-and-text-block\/#7-step-6-preview-and-publish-\" style=\"\">Fase 6: Anteprima e pubblicazione<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-step-1-add-the-media-and-text-block-\"><strong>Passo 1: Aggiungere il blocco Media e Testo<\/strong><\/h2>\n\n\n\n<p>Inserite il post o la pagina di WordPress in cui desiderate aggiungere il blocco. Fare clic sul pulsante <strong>+ Inseritore di blocchi <\/strong>per aprire la libreria dei blocchi. Tipo <strong>\"Media e testo\"<\/strong> nella barra di ricerca e selezionarlo per aggiungere il blocco. Si pu\u00f2 anche digitare <strong>\/media<\/strong> su una nuova riga e premere Invio per inserire rapidamente il blocco.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-1024x486.png\" alt=\"Aggiungere il blocco Media e Testo\" class=\"has-border-color has-primary-accent-border-color wp-image-5288\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-1024x486.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-300x142.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-768x364.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7.png 1475w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-step-2-insert-media-\"><strong>Fase 2: inserimento dei media<\/strong><\/h2>\n\n\n\n<p>All'interno del blocco, fare clic su <strong>Caricare<\/strong> per aggiungere una nuova immagine, sceglierne una dal menu <strong>Biblioteca multimediale<\/strong>oppure utilizzare il comando <strong>Immagine in primo piano<\/strong> se \u00e8 gi\u00e0 impostato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-1024x471.png\" alt=\"Inserire i media\" class=\"has-border-color has-primary-accent-border-color wp-image-5289\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-768x353.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4.png 1523w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-step-3-add-text-\"><strong>Passo 3: Aggiungere il testo<\/strong><\/h2>\n\n\n\n<p>Iniziare a digitare il testo nell'area accanto al supporto. Si pu\u00f2 anche utilizzare il tasto <strong>+ Inseritore di blocchi <\/strong>all'interno della sezione di testo per aggiungere il blocco preferito in questa sezione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1024x442.png\" alt=\"Aggiungi testo\" class=\"has-border-color has-primary-accent-border-color wp-image-5290\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1024x442.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-768x332.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1536x664.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2.png 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-step-4-customize-the-block-\"><strong>Passo 4: personalizzare il blocco<\/strong><\/h2>\n\n\n\n<p>Abbiamo suddiviso il processo di personalizzazione in tre parti.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-41-customize-with-the-toolbar-\"><strong>4.1 Personalizzazione con la barra degli strumenti<\/strong><\/h3>\n\n\n\n<p>Dalla barra degli strumenti sopra il blocco, \u00e8 possibile cambiare il tipo di blocco, trascinarlo, spostarlo verso l'alto o verso il basso, regolare la larghezza e l'allineamento, alternare la posizione del media tra sinistra e destra e aggiungere un link al media o sostituirlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1024x441.png\" alt=\"Personalizzazione con la barra degli strumenti\" class=\"has-border-color has-primary-accent-border-color wp-image-5297\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1024x441.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-768x330.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1536x661.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1.png 1627w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-42-customize-the-text-\"><strong>4.2 Personalizzazione del testo<\/strong><\/h3>\n\n\n\n<p>Passare al contenuto del testo, fare clic su di esso e accedere alla barra degli strumenti in alto. Da qui \u00e8 possibile trasformare il testo in diversi tipi di blocco come Intestazione, Elenco o Citazione, applicare opzioni di formattazione come grassetto, corsivo, barrato o codice in linea, regolare l'allineamento del testo a sinistra, al centro o a destra e aggiungere collegamenti ipertestuali al testo selezionato. In questo esempio, abbiamo trasformato il testo in una Citazione.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1024x458.png\" alt=\"Personalizzare il testo\" class=\"has-border-color has-primary-accent-border-color wp-image-5295\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1024x458.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-300x134.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-768x343.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1536x687.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1.png 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-43-customize-through-the-block-settings-\"><strong>4.3 Personalizzazione attraverso le impostazioni del blocco<\/strong><\/h3>\n\n\n\n<p>Aprire il pannello Impostazioni blocco nella barra laterale destra per esplorare altre opzioni di personalizzazione. Sotto<strong> Impostazioni generali<\/strong>\u00c8 possibile abilitare l'impilamento su mobile, attivare il ritaglio dell'immagine per riempire l'intera colonna, regolare la larghezza del supporto, aggiungere un testo alternativo e scegliere la risoluzione.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-1024x493.png\" alt=\"Personalizzazione attraverso la scheda Generale\" class=\"has-border-color has-primary-accent-border-color wp-image-5293\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-1024x493.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-768x370.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1.png 1454w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora, se si passa alla scheda Stili, \u00e8 possibile modificare il colore del testo e dello sfondo, la tipografia, le dimensioni e le impostazioni dei bordi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-1024x650.png\" alt=\"Personalizzazione attraverso la scheda Stili\" class=\"has-border-color has-primary-accent-border-color wp-image-5294\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-1024x650.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2.png 1102w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7-step-6-preview-and-publish-\"><strong>Fase 6: Anteprima e pubblicazione<\/strong><\/h2>\n\n\n\n<p>Rivedere il blocco e controllare l'Anteprima per vedere come appare sulla pagina o sul post. Se necessario, apportare le ultime modifiche. Una volta soddisfatti, fare clic su Pubblica o Aggiorna per salvare le modifiche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-1024x509.png\" alt=\"Anteprima e pubblicazione\" class=\"has-border-color has-primary-accent-border-color wp-image-5292\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-1024x509.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-768x382.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6.png 1508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"8-conclusion-\"><strong>Conclusione<\/strong><\/h4>\n\n\n\n<p>Il blocco Media e testo \u00e8 stato introdotto per far fluire i contenuti in modo naturale, con media e testo che lavorano insieme in perfetta armonia. Invece di mettere insieme blocchi separati e di preoccuparsi dei layout, questo blocco offre un modo rapido e affidabile per creare design affiancati che appaiono perfetti su qualsiasi dispositivo. Prendetevi il tempo necessario per leggere l'articolo, comprendere ogni passaggio e iniziare a creare con fiducia.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Media and Text block fills a gap in WordPress design that many users didn\u2019t even realize was there. Sure, you could use separate blocks for images, videos, or text, but getting them to sit neatly side by side often turned into a juggling act of columns, alignments, and layouts.&nbsp; This block steps in as [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5285,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-5284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/Media-and-Text-Cover-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/5284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=5284"}],"version-history":[{"count":8,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/5284\/revisions"}],"predecessor-version":[{"id":5304,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/5284\/revisions\/5304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/5285"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=5284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=5284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=5284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}