{"id":6335,"date":"2024-12-29T14:14:32","date_gmt":"2024-12-29T14:14:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=6335"},"modified":"2024-12-30T08:58:48","modified_gmt":"2024-12-30T08:58:48","slug":"come-utilizzare-il-blocco-preformattato-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-use-the-preformatted-block-in-wordpress\/","title":{"rendered":"Come utilizzare il blocco preformattato in WordPress in 3 semplici passi"},"content":{"rendered":"<p>Se si pensa bene, il blocco preformattato combina codice e blocco di paragrafo. L'unico scopo del blocco \u00e8 quello di visualizzare il testo. Assicura che il contenuto rimanga chiaro e strutturato. <\/p>\n\n\n\n<p>Il blocco Preformattato \u00e8 la soluzione per mantenere un layout di testo preciso con spaziatura e formattazione speciale. \u00c8 un salvavita per chi ha difficolt\u00e0 a mantenere un layout di testo preciso. <\/p>\n\n\n\n<p>Oggi condivideremo le nostre linee guida su come utilizzare il blocco Preformattato in WordPress e cercheremo di spiegare tutte le funzionalit\u00e0 che questo blocco offre. Ma, prima di questo, impareremo prima di tutto che cos'\u00e8. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Che cos'\u00e8 il blocco preformattato?<\/h2>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/preformatted-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Il blocco preformattato<\/a><\/strong> \u00e8 un blocco di contenuto essenziale di WordPress, progettato per conservare gli spazi e le interruzioni di riga esattamente come sono stati inseriti. \u00c8 la soluzione ideale per mostrare snippet di codice, layout predefiniti o qualsiasi cosa richieda una formattazione fissa. <\/p>\n\n\n\n<p>Il testo preformattato offre diversi vantaggi. Vediamo di seguito alcuni di questi vantaggi. <\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-768021d4-c17a-4e79-a110-2e1fe1b18573\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Formattazione precisa<\/strong>: Assicura che il testo appaia esattamente come \u00e8 stato scritto, preservando le interruzioni di riga e la spaziatura.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Versatilit\u00e0<\/strong>: Adatto per testi non codificati che richiedono layout strutturati, come poesie o arte ASCII.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Maggiore leggibilit\u00e0<\/strong>: Visualizza i caratteri a larghezza fissa, rendendo il testo distinguibile, soprattutto quando si presenta il codice o le istruzioni tecniche.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-86336111-1686-4412-ab41-e28948c9bfb3\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Stile personalizzato<\/strong>: Permette ulteriori opzioni di stile con HTML e CSS in linea, offrendo flessibilit\u00e0 per progetti unici.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Creare bellissimi tavoli <\/strong><br><strong>Con l'editor di blocchi<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Prova gratuita<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/it\/determinazione-dei-prezzi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ottieni un professionista<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Caratteristiche della barra degli strumenti dei blocchi preformattati<\/h2>\n\n\n\n<p>Il blocco Preformattato non ha opzioni specifiche nell'editor. Ha tutte le opzioni di base come ogni altro blocco centrale di Gutenberg.<\/p>\n\n\n\n<p>Dispone delle seguenti opzioni di base. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Trasformare:<\/strong> \u00c8 possibile trasformare questo blocco in un paragrafo, in un codice, in una colonna, ecc. <\/li>\n\n\n\n<li><strong>Trascinare:<\/strong> Consente di trascinare e rilasciare il blocco dedicato in qualsiasi punto.<\/li>\n\n\n\n<li><strong>Maniglie di spostamento:<\/strong> Consente di spostare il blocco verso l'alto e verso il basso. <\/li>\n\n\n\n<li><strong>In grassetto:<\/strong> Consente di mettere in grassetto il contenuto del blocco.<\/li>\n\n\n\n<li><strong>Corsivo: <\/strong>Consente di mettere in corsivo il contenuto del blocco.<\/li>\n\n\n\n<li><strong>Collegamento ipertestuale:<\/strong> Questa opzione consente di aggiungere collegamenti per i contenuti selezionati all'interno del blocco. <\/li>\n\n\n\n<li><strong>Pi\u00f9 controlli per il testo ricco:<\/strong> Include ulteriori opzioni di formattazione del testo, quali Pi\u00e8 di pagina, Evidenziazione, Codice in linea, Immagine in linea, ecc.<\/li>\n\n\n\n<li><strong>Altre opzioni: <\/strong>Offre ulteriori opzioni relative alla sezione del blocco, come duplicare, copiare, raggruppare, ecc. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"594\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6355\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51-300x201.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51-768x515.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-16-51-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<p>Vediamo ora come utilizzare il blocco preformattato. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Come utilizzare il blocco preformattato?<\/h2>\n\n\n\n<p>L'uso del blocco preformattato \u00e8 facilissimo, perch\u00e9 chiunque pu\u00f2 usarlo e non richiede alcuna competenza di codifica per utilizzarlo. Assicuratevi di seguirci! <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 1: inserimento del blocco preformattato<\/h3>\n\n\n\n<p>Navigare fino al post o alla pagina in cui si desidera utilizzare il blocco preformattato. <\/p>\n\n\n\n<p>Nell'editor, fare clic sul pulsante Aggiungi blocco (\"<strong>+<\/strong>\") icona&nbsp;<strong>(1)<\/strong>, tipo \"<strong>Preformattato<\/strong>\" nella casella di ricerca&nbsp;<strong>(2)<\/strong>e fare clic su \"<strong>Preformattato<\/strong>\"&nbsp;<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"614\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10.png\" alt=\"Come utilizzare il blocco preformattato in WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-6353\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10-300x208.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10-768x532.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-00-10-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 2: Inserire il codice o il testo preformattato<\/h3>\n\n\n\n<p>Quando il blocco di codice \u00e8 nell'editor, inserire il testo o il codice preformattato.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6354\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10.png 880w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10-300x186.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10-768x477.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-11-10-18x12.png 18w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 3: modificare le opzioni di personalizzazione<\/h3>\n\n\n\n<p>Le opzioni di personalizzazione della funzione Blocco preformattato <strong>colore, tipografia, dimensioni e bordi<\/strong> per la personalizzazione dei blocchi di codice.&nbsp;<\/p>\n\n\n\n<p>Di seguito descriver\u00f2 le caratteristiche di personalizzazione. \u00c8 possibile personalizzare il blocco nel modo desiderato. <\/p>\n\n\n\n<p>Per accedere alla personalizzazione del blocco di codice, navigare in&nbsp;<strong>Impostazioni (1)&gt; Blocco (2) &gt; Stili (3)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"660\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6359\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36-300x224.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36-768x573.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-29_19-46-36-16x12.png 16w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p>\u00c8 possibile modificare il colore, la tipografia, le dimensioni e il bordo.<\/p>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"542\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6320\" style=\"border-width:1px;border-radius:3px;width:224px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2.png 302w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2-167x300.png 167w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-25_19-05-22-2-7x12.png 7w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<ol class=\"wp-block-list\">\n<li><strong>Colore: <\/strong>Questa funzione consente di cambiare il colore del testo e dello sfondo. <\/li>\n\n\n\n<li><strong>Tipografia:&nbsp;<\/strong>La tipografia consente di selezionare i font e le dimensioni dei caratteri, l'aspetto, l'altezza delle linee, l'interlinea, l'involucro e la decorazione delle lettere.<\/li>\n\n\n\n<li><strong>Dimensioni:<\/strong>&nbsp;Le dimensioni consentono di regolare il padding e il margine del blocco di testo.<\/li>\n\n\n\n<li><strong>Confine:&nbsp;<\/strong>L'opzione Bordo consente di aggiungere il bordo e il raggio del bordo al blocco di testo.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>Ecco come si usa il blocco preformattato 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\">Pensieri finali!<\/h2>\n\n\n\n<p>Il blocco preformattato \u00e8 uno strumento utile per chiunque abbia bisogno di layout di testo precisi per visualizzare i contenuti. \u00c8 ideale per aggiungere uno snippet di codice, una citazione stilizzata o un testo artistico.<\/p>\n\n\n\n<p>Sperimentatelo nel vostro prossimo progetto per vedere come pu\u00f2 migliorare la presentazione delle informazioni. Fatemi sapere cosa ne pensate nella sezione commenti qui sotto. Potete anche condividere questo post sui social media e segnalarlo ai vostri amici. <\/p>\n\n\n\n<p><strong>Per saperne di pi\u00f9!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-e5e14c64-3329-4730-9ac1-4741c99b109a\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/it\/i-migliori-plugin-per-wordpress-per-la-tabella-dei-prezzi\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 migliori plugin per la tabella dei prezzi di WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-intestazione-in-wordpress-in-2-semplici-passi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come utilizzare il blocco intestazione in WordPress (2 semplici passaggi) Tableberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-paragrafo-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come utilizzare il blocco paragrafo in WordPress (2 semplici passaggi)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-versi-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come utilizzare il blocco dei versi in WordPress (4 semplici passi)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-elenco-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come utilizzare il blocco elenco in WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-delle-citazioni-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come utilizzare il blocco delle citazioni in WordPress in 3 semplici passi<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cde58e3a-8c55-41e2-adcb-e181eeb476fd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/it\/come-utilizzare-il-blocco-codice-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come utilizzare il blocco codice in WordPress in 3 semplici passi<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-9ae85889-6fc2-4431-b0ed-100fce0309d3\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fit%2Fhow-to-use-the-preformatted-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Preformatted%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">quota<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fit%2Fhow-to-use-the-preformatted-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Preformatted%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"logo linkedin\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fit%2Fhow-to-use-the-preformatted-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">quota<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If you think closely, the preformatted block combines code and paragraph block. The sole purpose of the block is to display text. It ensures your content remains both clear and structured. The Preformatted block is the solution for maintaining a precise text layout with spacing and special formatting. It is a life-saver for people struggling [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6336,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-Preformatted-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/it\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/6335","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=6335"}],"version-history":[{"count":13,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/6335\/revisions"}],"predecessor-version":[{"id":6374,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/6335\/revisions\/6374"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/6336"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=6335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=6335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=6335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}