{"id":81185,"date":"2022-05-23T09:58:00","date_gmt":"2022-05-23T07:58:00","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=81185"},"modified":"2025-01-20T09:17:34","modified_gmt":"2025-01-20T08:17:34","slug":"wordpress-wrap-text-around-image-wordpress-blog","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/","title":{"rendered":"4 modi per avvolgere il testo attorno all&#039;immagine in WordPress"},"content":{"rendered":"<p>Hai bisogno di posizionare il testo attorno all&#039;immagine in modo elegante? Scopri come farlo facilmente senza esperienza di programmazione e progettazione. L&#039;editor Gutenberg offre pi\u00f9 opzioni per avvolgere il testo attorno al testo in WordPress. <\/p>\n\n\n\n<p>\u00c8 possibile ottenere contemporaneamente un sito Web di bell&#039;aspetto e una semplice routine di modifica dei contenuti. La scelta dell&#039;editor Gutenberg per il tuo sito Web WordPress ti offre lo strumento migliore da una prospettiva a lungo termine. Avrai pi\u00f9 opzioni per avvolgere il testo attorno alle immagini in modo diverso. Gutenberg offre molti vantaggi come codice sorgente pi\u00f9 chiaro del sito Web, velocit\u00e0, sicurezza e usabilit\u00e0.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-custom-container citadela-block-custom-container size-content bg-type-image inside-space-none bg-size-cover has-bg has-overlay has-border-radius\" style=\"background-color:rgba(234, 234, 234, 1);border-radius:10px\"><div class=\"bg-image-wrapper\" style=\"background-image:url(https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/header-layouts-min.png);background-repeat:no-repeat;background-position:36% 49%;border-radius:10px\"><\/div><div class=\"bg-image-overlay\" style=\"opacity:0.5;border-radius:10px\"><\/div><div class=\"inner-holder\">\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n         <div \r\n            class=\"citadela-block-responsive-text align-center\"\r\n                                 >\r\n            <p class=\"inner-tag\" style=\"font-size: 22px; line-height: 0.73; color: #392F43;\"><strong>Scarica il tema WordPress CitadelaWP e i relativi plugin<\/strong><\/p>         <\/div>\r\n      \n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:20px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/www.ait-themes.club\/it\/prezzi\/\" style=\"border-radius:3px\">ACQUISTA ORA<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:10px\"><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\">One-time payment. 14-day money-back guarantee.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:40px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_wrap_text_around_the_image_in_WordPress\"><\/span>Come avvolgere il testo attorno all&#039;immagine in WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>L&#039;editor e i blocchi di Gutenberg rendono il contenuto del sito Web pi\u00f9 leggero, moderno e facilmente leggibile. Ti mostriamo altri modi per avvolgere il testo attorno all&#039;immagine anche nelle pagine di WordPress, nei post e nei tipi di post personalizzati. Esistono diversi blocchi e puoi usarli anche in combinazione, come un insieme di parti e caratteristiche che ti danno opzioni aggiuntive per l&#039;avvolgimento.<\/p>\n\n\n\n<p>\u00c8 possibile selezionare il blocco per il testo avvolto intorno all&#039;immagine in base alla sottopagina e al suo tipo di contenuto. Puoi scegliere uno stile per la pagina di presentazione e un altro per un post sul blog. Inoltre, considera il tipo di contenuto che rappresenta l&#039;immagine. \u00c8 un&#039;immagine descrittiva o un supporto pi\u00f9 rappresentativo o di vendita?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wrap_Text_Around_Image_%E2%80%93_Blocks_Selection\"><\/span>Avvolgi il testo intorno all&#039;immagine: blocca la selezione<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ci sono 4 blocchi che puoi usare per avvolgere un blocco di testo attorno a un&#039;immagine. Li descriviamo tutti:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Il blocco immagine e il blocco paragrafo trovano ulteriori informazioni di seguito<\/li><li>Media e blocco di testo trovano ulteriori informazioni di seguito<\/li><li><a href=\"https:\/\/www.ait-themes.club\/it\/blog-colonne-wordpress\/\">Blocco colonne<\/a> nel singolo post<\/li><li><a href=\"https:\/\/www.ait-themes.club\/it\/immagine-di-sfondo-blog-wordpress\/\">Blocco a grappolo<\/a> in singolo post (funzione disponibile solo con <a href=\"https:\/\/www.ait-themes.club\/it\/plug-in-citadela\/citadela-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">plug-in Citadela Pro<\/a>)<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" data-id=\"93496\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-1024x538.png\" alt=\"Testo a capo avanzato attorno all&#039;immagine\" class=\"wp-image-93496\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-1024x538.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-300x158.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-768x404.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-1536x807.png 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example.png 1909w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Avvolgimento avanzato nel blocco cluster<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" data-id=\"93497\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-1024x557.png\" alt=\"\" class=\"wp-image-93497\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-1024x557.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-300x163.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-768x418.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-1536x835.png 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings.png 1911w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Impostazioni blocco cluster<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"wrap-text-and-image-for-better-reading-experience\"><span class=\"ez-toc-section\" id=\"Wrap_text_and_image_for_better_reading_experience\"><\/span><a id=\"wraptextandimagetitle\"><\/a>Avvolgi testo e immagine per una migliore esperienza di lettura<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ci sono diversi motivi per cui dovresti usare questo blocco. Lo apprezzerai di pi\u00f9 se scrivi post sul blog. Le immagini sono parte integrante della storia. Non importa se scrivi un blog di viaggio o una rivista sulle notizie IT. Quindi, quando aggiungi foto all&#039;interno dei tuoi contenuti, pensa all&#039;allineamento delle immagini. I lettori potranno capire meglio di cosa stai scrivendo.<\/p>\n\n\n\n<p>In molti casi \u00e8 necessario inserire immagine e testo fianco a fianco. Cosa \u00e8 importante?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Deve avere senso. L&#039;immagine deve essere accanto al testo corretto.<\/li><li>Deve essere ben allineato.<\/li><li>Deve adattarsi all&#039;intero layout del sito web.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_and_Paragraph_blocks\"><\/span>Blocchi immagine e paragrafo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow.png\" alt=\"Testo avvolto attorno a un&#039;immagine nel classico editor di WordPress\" class=\"wp-image-81202\" width=\"409\" height=\"256\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow.png 1280w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow-768x480.png 768w\" sizes=\"auto, (max-width: 409px) 100vw, 409px\" \/><\/a><figcaption>Esempio di testo dall&#039;aspetto non molto gradevole che avvolgeva l&#039;immagine<\/figcaption><\/figure><\/div>\n\n\n\n<p>Mentre nel <strong>Editore classico<\/strong> potresti anche posizionare il testo accanto all&#039;immagine, non puoi parlare di un buon allineamento. Soprattutto se l&#039;immagine era piccola e ci metti pi\u00f9 testo accanto. Il testo ha sovrastato l&#039;immagine e non ha un bell&#039;aspetto.<\/p>\n\n\n\n<p><strong>Editore di Gutenberg<\/strong> e il suo blocco immagine offre una grande funzionalit\u00e0: il ridimensionamento delle immagini. Trascina i punti attorno all&#039;immagine per modificarne automaticamente le dimensioni e l&#039;allineamento del testo.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-1024x783.png\" alt=\"Avvolgi il testo attorno all&#039;immagine usando Gutenberg Image e Paragraph Blocks\" class=\"wp-image-93465\" width=\"754\" height=\"576\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-1024x783.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-300x229.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-768x587.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks.png 1265w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><figcaption>Ridimensiona l&#039;immagine e scegli l&#039;allineamento<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"media-text-block-wordpress-align-text-next-to-image\"><span class=\"ez-toc-section\" id=\"Media_Text_block_%E2%80%93_WordPress_align_text_next_to_image\"><\/span>Blocco multimediale e di testo: WordPress allinea il testo accanto all&#039;immagine<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#wraptextandimagetitle\">Avvolgi testo e immagini con il blocco Media e testo<\/a><\/li><li><a href=\"#howtoaddmediaandtextblockeditor\">Come aggiungere il blocco Media e testo nell&#039;editor<\/a><\/li><li><a href=\"#howdoesmediaandtextwork\">Come funziona questo blocco<\/a><\/li><li><a href=\"#mediaandtextblocksettings\">Impostazioni del blocco multimediale e di testo<\/a><\/li><li><a href=\"#whatisstackonmobile\">Cosa fa &quot;<i>Stack sul cellulare&quot;<\/i> Significare<\/a><\/li><li><a href=\"#howtojustifytextinwp\">Bonus: come giustificare il testo in WordPress<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-align-text-next-to-image\"><span class=\"ez-toc-section\" id=\"How_to_align_text_next_to_image\"><\/span>Come allineare il testo accanto all&#039;immagine?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-custom-container citadela-block-custom-container size-wide bg-type-gradient inside-space-small has-bg has-border-radius\" style=\"background-image:linear-gradient(120deg, rgba(247, 195, 250, 0.65) 0%, rgba(159, 159, 233, 1) 100%);border-radius:10px\"><div class=\"inner-holder\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min.png\" alt=\"\" class=\"wp-image-91460\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min.png 400w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min-300x300.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min-150x150.png 150w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n         <div \r\n            class=\"citadela-block-responsive-text weight-800 align-center\"\r\n                                 >\r\n            <p class=\"inner-tag\" style=\"font-size: 30px; font-weight: 800; line-height: 1.5; color: #392F43;\">Inizia ora<\/p>         <\/div>\r\n      \n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:10px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/www.ait-themes.club\/it\/prezzi\/\" style=\"border-radius:3px\">ACQUISTA ORA<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:1vw\"><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:16px\">One-time payment. 14-day money-back guarantee.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer negative-height\"><div class=\"inner-holder\" style=\"margin-top:-1vw\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:20px\"><\/div><\/div>\n\n\n\n<p>Il blocco multimediale e di testo \u00e8 una funzionalit\u00e0 fantastica. Il blocco Media &amp; Text risolve questo problema e garantisce un perfetto allineamento del testo all&#039;immagine senza interrompere la composizione e il layout. Questo \u00e8 il motivo per cui dovresti usare questo blocco.<\/p>\n\n\n\n<p>Migliora anche il design del sito web sui dispositivi mobili. Questo blocco di wrapping aiuta il tema WordPress a coprire diversi layout mobili. Su smartphone ogni parte del sito web deve essere ben visibile e leggibile. Come apparir\u00e0 il blocco Media &amp; Text sui telefoni cellulari e la funzione &quot;Stack on mobile&quot; dei table handle che vedremo di seguito.<\/p>\n\n\n\n<p class=\"has-text-align-left\">In breve tempo sarai in grado di utilizzare il blocco Media e testo nel nostro nuovo tema WordPress chiamato Citadela. Ulteriori informazioni sul tema Citadela in un articolo separato.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-media-text-block-in-block-editor\"><span class=\"ez-toc-section\" id=\"How_to_add_Media_Text_block_in_block_editor\"><\/span><a id=\"howtoaddmediaandtextblockeditor\"><\/a>Come aggiungere il blocco Media e testo nell&#039;editor di blocchi?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Aggiungere un blocco Media e testo \u00e8 facile come aggiungere qualsiasi altro blocco. \u00c8 un blocco principale, il che significa che non \u00e8 necessario scaricare o installare nulla.<\/p>\n\n\n\n<p>Utilizzando l&#039;icona &quot;+&quot; nel pannello superiore o in qualsiasi punto dell&#039;editor e selezionando Media e blocco di testo.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"800\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add.png\" alt=\"Aggiungi media e blocco di testo facendo clic su &quot;+&quot;\" class=\"wp-image-81200\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add.png 1280w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add-768x480.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><figcaption>Aggiunta di blocchi multimediali e di testo facendo clic su &quot;+&quot;<\/figcaption><\/figure><\/div>\n\n\n\n<p>L&#039;ultima opzione \u00e8 digitare &quot;\/&quot; e scrivere &quot;media&quot; in seguito. WordPress ti mostrer\u00e0 automaticamente i blocchi selezionati che corrispondono a ci\u00f2 che hai cercato.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-shortcut.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"301\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-shortcut.gif\" alt=\"Aggiungi media e blocco di testo usando la barra\" class=\"wp-image-81213\"\/><\/a><figcaption>Aggiunta di media e blocco di testo utilizzando la barra &quot;\/&quot;<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-does-media-text-block-work\"><span class=\"ez-toc-section\" id=\"How_does_Media_Text_block_work\"><\/span><a id=\"howdoesmediaandtextwork\"><\/a>Come funziona il blocco Media e testo?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Il blocco Media e testo raggruppa fondamentalmente 2 diversi tipi di contenuto in uno solo. Il primo \u00e8 medio, ad esempio un&#039;immagine o un video che puoi aggiungere tramite:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Caricamento<\/li><li>Libreria multimediale<\/li><li>Trascina e rilascia<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-upload.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"301\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-upload.gif\" alt=\"Opzioni di caricamento di blocchi multimediali e di testo\" class=\"wp-image-81215\"\/><\/a><figcaption>Guarda com&#039;\u00e8 facile caricare un&#039;immagine usando il drag &amp; drop<\/figcaption><\/figure><\/div>\n\n\n\n<p>Il secondo \u00e8 lo spazio per il contenuto testuale. Puoi scrivere paragrafi di testo, elenchi puntati o titolo. Puoi anche aggiungere l\u00ec <a href=\"https:\/\/www.ait-themes.club\/it\/come-aggiungere-pulsante-nel-editor-di-wordpress-blog\/\" target=\"_blank\" rel=\"noopener\">Blocco pulsanti<\/a> di cui parlavamo prima.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"401\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.gif\" alt=\"Area di testo del blocco Media e Testo\" class=\"wp-image-81204\"\/><\/a><figcaption>Nell&#039;area di testo \u00e8 possibile aggiungere diversi tipi di contenuto<\/figcaption><\/figure><\/div>\n\n\n\n<p>Il blocco multimediale e di testo allinea sempre l&#039;immagine e il testo fianco a fianco, indipendentemente dalla quantit\u00e0 di testo che scrivi. Come funziona? L&#039;immagine si regola automaticamente in base all&#039;altezza del contenuto nella colonna di testo.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1223\" height=\"875\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text.png\" alt=\"Allineamento dell&#039;immagine nel blocco Media e Testo\" class=\"wp-image-81199\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text.png 1223w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-300x215.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-1024x733.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-768x549.png 768w\" sizes=\"auto, (max-width: 1223px) 100vw, 1223px\" \/><\/a><figcaption>Esempio di allineamento di immagini e testo<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"media-text-block-settings\"><span class=\"ez-toc-section\" id=\"Media_Text_Block_settings\"><\/span><a id=\"mediaandtextblocksettings\"><\/a>Impostazioni multimediali e blocco di testo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"general-block-settings\"><span class=\"ez-toc-section\" id=\"General_block_settings\"><\/span>Impostazioni generali del blocco<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><b>1. Barra degli strumenti superiore<\/b><\/p>\n\n\n\n<p>La barra degli strumenti sopra il blocco offre diverse opzioni. Se il tuo tema attivo lo supporta, puoi impostare il blocco Media e testo come largo o a larghezza intera. Puoi anche scegliere dove posizionare l&#039;immagine o il video facendo clic su:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mostra i media a sinistra<\/li><li>Mostra i media a destra<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-align.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-align.gif\" alt=\"Modifica dell&#039;allineamento dell&#039;immagine e del testo\" class=\"wp-image-81203\"\/><\/a><figcaption>Facendo clic sulle icone della barra degli strumenti \u00e8 possibile modificare l&#039;allineamento di immagini e testo e la loro posizione<\/figcaption><\/figure><\/div>\n\n\n\n<p>Nella barra degli strumenti in alto c&#039;\u00e8 anche un&#039;icona per modificare il supporto dove puoi impostare Alt Text, Title, Caption o Description. Scopri di pi\u00f9 sulla modifica delle immagini nel nostro articolo <a href=\"https:\/\/www.ait-themes.club\/it\/wordpress-image-block-tutorial-blog\/\" target=\"_blank\" rel=\"noopener\">Lavorare con il blocco immagine di WordPress<\/a>.<\/p>\n\n\n\n<p><b>2. Barra laterale destra<\/b><\/p>\n\n\n\n<p>La barra laterale destra offre impostazioni aggiuntive per il blocco Media e testo. \u00c8 possibile aggiungere qui testo alternativo, impostare il colore di sfondo o aggiungere una classe CSS aggiuntiva. Puoi anche abilitare la funzione &quot;Stack su cellulare&quot;.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-color.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-color.gif\" alt=\"Impostazioni del colore di sfondo\" class=\"wp-image-81207\"\/><\/a><figcaption>Cambiamento uniforme del colore di sfondo<\/figcaption><\/figure><\/div>\n\n\n\n<p><b><a id=\"whatisstackonmobile\"><\/a>Che cos&#039;\u00e8 Stack sul cellulare?<\/b><\/p>\n\n\n\n<p>Grazie a questa funzione l&#039;immagine e il testo vengono ben visualizzati sui dispositivi mobili. Se disabiliti &quot;Stack su mobile&quot;, immagine e testo rimarranno affiancati e saranno difficilmente leggibili nella versione responsive.<\/p>\n\n\n\n<p>Se abiliti questa funzione, sul cellulare il contenuto sul lato sinistro verr\u00e0 visualizzato sopra il contenuto che si trova sul lato destro.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive.png\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"807\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive.png\" alt=\"Impila sulla funzione mobile per WordPress avvolgi il testo attorno all&#039;immagine\" class=\"wp-image-81212\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive.png 941w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive-300x257.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive-768x659.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/a><figcaption>Anteprima del sito Web su dispositivo mobile con funzione abilitata &quot;Stack su dispositivo mobile&quot;<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"text-alignment\"><span class=\"ez-toc-section\" id=\"Text_alignment\"><\/span>Allineamento del testo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Parte del blocco Media e testo \u00e8 insieme all&#039;immagine o al video anche il contenuto del testo. Pu\u00f2 essere uno dei seguenti tipi di contenuto:<\/p>\n\n\n\n<p><b>1. Paragrafo<\/b><\/p>\n\n\n\n<p>Nella barra degli strumenti superiore \u00e8 possibile impostare l&#039;allineamento del testo, rendere il testo in grassetto, corsivo o aggiungere un collegamento URL.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph.png\" alt=\"Paragrafo di formattazione nel blocco Media e Testo\" class=\"wp-image-81210\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Opzioni di formattazione per il testo<\/figcaption><\/figure><\/div>\n\n\n\n<p>Nella barra laterale sul lato destro puoi scegliere la dimensione del carattere, il colore del carattere o il colore del paragrafo. Caratteristica interessante \u00e8 il &quot;Capolettera&quot; che evidenzier\u00e0 il primo carattere del testo. \u00c8 una bella funzionalit\u00e0 nei post di blocco per rendere il testo pi\u00f9 interessante.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-cap.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-cap.gif\" alt=\"Funzione &quot;Capolettera&quot;. \" class=\"wp-image-81206\"\/><\/a><figcaption>Evidenziazione del testo con la funzione &quot;Capolettera&quot;.<\/figcaption><\/figure><\/div>\n\n\n\n<p><b>2. Intestazione<\/b><\/p>\n\n\n\n<p>L&#039;intestazione \u00e8 molto simile al paragrafo. Puoi anche configurare il suo aspetto, rendere grassetto o corsivo e inserire il collegamento URL. La differenza \u00e8 che puoi scegliere il tipo di intestazione: H2, H3, H4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading.png\" alt=\"Opzioni di intestazione per Media e blocco di testo\" class=\"wp-image-81201\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Opzioni di intestazione<\/figcaption><\/figure><\/div>\n\n\n\n<p>Altre dimensioni dell&#039;intestazione e impostazioni di allineamento sono disponibili nella barra laterale sul lato destro.<\/p>\n\n\n\n<p><b>3. Elenco<\/b><\/p>\n\n\n\n<p>Se aggiungi un blocco elenco al tuo contenuto, pu\u00f2 essere un elenco puntato, un elenco numerato o un elenco a pi\u00f9 livelli. Puoi anche rendere il testo in grassetto, corsivo e aggiungere un collegamento URL.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list.png\" alt=\"Elenca le opzioni nel blocco Media e Testo\" class=\"wp-image-81209\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Elenca le opzioni della tua area di testo<\/figcaption><\/figure><\/div>\n\n\n\n<p><b>4. Blocco pulsanti<\/b><\/p>\n\n\n\n<p>Questo blocco che aggiunge pulsante al contenuto pu\u00f2 essere adattato al design del sito web. Il colore e lo stile del pulsante o il colore di sfondo possono essere configurati nella barra laterale sul lato destro.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.png\" alt=\"Opzioni dei pulsanti nel blocco Media e Testo\" class=\"wp-image-81205\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Opzioni per lo stile del pulsante<\/figcaption><\/figure><\/div>\n\n\n\n<p>Non dimenticare di leggere l&#039;articolo su <a href=\"https:\/\/www.ait-themes.club\/it\/come-aggiungere-pulsante-nel-editor-di-wordpress-blog\/\" target=\"_blank\" rel=\"noopener\">Blocco pulsanti<\/a>.<a href=\"https:\/\/www.ait-themes.club\/it\/come-aggiungere-pulsante-nel-editor-di-wordpress-blog\/\">&nbsp;<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"switching-between-block-types\"><span class=\"ez-toc-section\" id=\"Switching_between_block_types\"><\/span>Passaggio da un tipo di blocco all&#039;altro<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Nel blocco Media e testo \u00e8 possibile convertire un tipo di blocco di contenuto in un altro. Puoi anche modificare il blocco Media e testo in Blocco immagine e la parte di testo verr\u00e0 eliminata.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-switch.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-switch.gif\" alt=\"Passaggio da un tipo di blocco all&#039;altro\" class=\"wp-image-81214\"\/><\/a><figcaption>Conversione di blocchi multimediali e di testo in un altro blocco<\/figcaption><\/figure><\/div>\n\n\n\n<p>Nel contenuto di testo \u00e8 possibile modificare il blocco paragrafo in blocco intestazione o elenco.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-switch.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-switch.gif\" alt=\"Conversione del blocco paragrafo\" class=\"wp-image-81211\"\/><\/a><figcaption>Conversione del blocco Paragrafo in un altro<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bonus-how-to-justify-text-in-wordpress\"><span class=\"ez-toc-section\" id=\"Bonus_How_to_justify_text_in_WordPress\"><\/span><a id=\"howtojustifytextinwp\"><\/a>Bonus: come giustificare il testo in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>L&#039;uso del testo giustificato ha i suoi lati positivi e negativi. Il testo giustificato si trova solitamente nei libri o nei giornali, ma non viene pi\u00f9 utilizzato sui siti web. Perch\u00e9?<\/p>\n\n\n\n<p>Diversi anni fa la funzione Justify era integrata direttamente nell&#039;editor di WordPress Classic. Testo giustificato utilizzato per causare problemi di visibilit\u00e0 in vari browser o dispositivi mobili. \u00c8 anche correlato alla difficile leggibilit\u00e0 del testo giustificato. Questa funzione \u00e8 stata pertanto deprecata e rimossa.<\/p>\n\n\n\n<p>Questa particolare funzionalit\u00e0 non esiste nemmeno nel nuovo editor di blocchi (Gutenberg).<\/p>\n\n\n\n<p>Quindi, come giustifichi il testo se lo desideri davvero?<\/p>\n\n\n\n<p>La soluzione \u00e8 aggiungere un semplice codice CSS in pochi passaggi:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>C&#039;\u00e8 un&#039;impostazione per la classe CSS aggiuntiva del blocco paragrafo nella barra laterale sul lato destro<\/li><li>Scrivi l\u00ec il nome della classe \u201e<i>giustificare<\/i>\u201c<\/li><li>Pubblica una pagina o un articolo<\/li><li>Se lo visualizzi in anteprima, fai clic su Personalizza nella barra principale in alto<\/li><li>Sul lato sinistro c&#039;\u00e8 una nuova barra laterale con le impostazioni<\/li><li>Fai clic su CSS aggiuntivo<\/li><li>Inserisci il seguente codice CCS:<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">p.justify { text-align: justify; }\n<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-justify.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-justify.gif\" alt=\"Giustifica il testo con CSS personalizzato\" class=\"wp-image-81208\"\/><\/a><figcaption>Il modo di giustificare il testo nel blocco utilizzando il codice personalizzato<\/figcaption><\/figure><\/div>\n\n\n\n<p>Fatto. D&#039;ora in poi il testo nel tuo blocco multimediale e di testo \u00e8 giustificato.<\/p>\n\n\n\n<p>WordPress \u00e8 diventato pi\u00f9 utilizzabile senza page builder di terze parti, grazie all&#039;editor Gutenberg. Ha un valore eccellente per il tuo sito web da un punto di vista a lungo termine e durante la creazione o la riprogettazione di un sito web. I blocchi Gutenberg offrono una vasta gamma di stili, tuttavia potresti trovare la mano <a href=\"https:\/\/codex.wordpress.org\/Wrapping_Text_Around_Images\" target=\"_blank\" rel=\"noreferrer noopener\">Codice WordPress per avvolgere il testo attorno alle immagini<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-custom-container citadela-block-custom-container size-content bg-type-image inside-space-none bg-size-cover has-bg has-overlay has-border-radius\" style=\"background-color:rgba(234, 234, 234, 1);border-radius:10px\"><div class=\"bg-image-wrapper\" style=\"background-image:url(https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/header-layouts-min.png);background-repeat:no-repeat;background-position:36% 49%;border-radius:10px\"><\/div><div class=\"bg-image-overlay\" style=\"opacity:0.5;border-radius:10px\"><\/div><div class=\"inner-holder\">\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n         <div \r\n            class=\"citadela-block-responsive-text align-center\"\r\n                                 >\r\n            <p class=\"inner-tag\" style=\"font-size: 22px; line-height: 0.73; color: #392F43;\"><strong>Scarica il tema WordPress CitadelaWP e i relativi plugin<\/strong><\/p>         <\/div>\r\n      \n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:20px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/www.ait-themes.club\/it\/prezzi\/\" style=\"border-radius:3px\">ACQUISTA ORA<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:10px\"><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\">One-time payment. 14-day money-back guarantee.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:40px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><em>Qual \u00e8 la tua opinione su Media e blocco di testo? Lo hai gi\u00e0 utilizzato? Come ti piace lavorarci? Fateci sapere nei commenti qui sotto.<\/em><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#How_to_wrap_text_around_the_image_in_WordPress\" >Come avvolgere il testo attorno all&#039;immagine in WordPress?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Wrap_Text_Around_Image_%E2%80%93_Blocks_Selection\" >Avvolgi il testo intorno all&#039;immagine: blocca la selezione<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Wrap_text_and_image_for_better_reading_experience\" >Avvolgi testo e immagine per una migliore esperienza di lettura<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Image_and_Paragraph_blocks\" >Blocchi immagine e paragrafo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Media_Text_block_%E2%80%93_WordPress_align_text_next_to_image\" >Blocco multimediale e di testo: WordPress allinea il testo accanto all&#039;immagine<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#How_to_align_text_next_to_image\" >Come allineare il testo accanto all&#039;immagine?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#How_to_add_Media_Text_block_in_block_editor\" >Come aggiungere il blocco Media e testo nell&#039;editor di blocchi?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#How_does_Media_Text_block_work\" >Come funziona il blocco Media e testo?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Media_Text_Block_settings\" >Impostazioni multimediali e blocco di testo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#General_block_settings\" >Impostazioni generali del blocco<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Text_alignment\" >Allineamento del testo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Switching_between_block_types\" >Passaggio da un tipo di blocco all&#039;altro<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-wrap-text-around-image-wordpress-blog\/#Bonus_How_to_justify_text_in_WordPress\" >Bonus: come giustificare il testo in WordPress<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Avete bisogno di inserire del testo intorno all'immagine in modo elegante? Scoprite come farlo facilmente senza alcuna esperienza di codifica e design. L'editor Gutenberg offre pi\u00f9 opzioni per avvolgere il testo in WordPress. \u00c8 possibile ottenere un sito web di bell'aspetto e una facile routine di modifica dei contenuti contemporaneamente. Scegliere l'editor Gutenberg per [...]<\/p>","protected":false},"author":1,"featured_media":81198,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[4,50],"tags":[15],"citadela-post-location":[],"class_list":["post-81185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-websites-in-wordpress","category-citadela-pro-documentation","tag-gutenberg-wordpress-editor"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/81185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/comments?post=81185"}],"version-history":[{"count":24,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/81185\/revisions"}],"predecessor-version":[{"id":93502,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/81185\/revisions\/93502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media\/81198"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media?parent=81185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/categories?post=81185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/tags?post=81185"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/citadela-post-location?post=81185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}