{"id":83895,"date":"2020-03-24T12:30:02","date_gmt":"2020-03-24T11:30:02","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=83895"},"modified":"2024-09-12T13:10:36","modified_gmt":"2024-09-12T11:10:36","slug":"wordpress-blocks-blog","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/","title":{"rendered":"I migliori blocchi WordPress originali [Rapida panoramica]"},"content":{"rendered":"<p>Ti offriamo una guida su come utilizzare l&#039;editor e i blocchi di WordPress di Gutenberg. Si prega di leggere le notizie sulle modifiche ai blocchi che arriveranno nella prossima versione 5.4. Abbiamo selezionato tutti i blocchi di uso pi\u00f9 frequente che devono essere utilizzati su qualsiasi sito web. Una volta rilasciato, pubblicheremo maggiori dettagli su tutte le funzionalit\u00e0.<\/p>\n\n\n\n<p>Quando WordPress aveva annunciato il nuovo editor Gutenberg nel 2018, ne eravamo entusiasti. Ora, un paio di anni dopo, vediamo un enorme miglioramento. Gutenberg WordPress editor \u00e8 un ottimo strumento per creare un sito web.<\/p>\n\n\n\n<p>Con <a href=\"https:\/\/www.ait-themes.club\/it\/plug-in-citadela\/\">Plugin AitThemes CitadelaWP<\/a>, puoi creare contenuti specifici per la presentazione di un&#039;azienda, di un&#039;azienda, di un blog o di un sito Web senza scopo di lucro. O anche avviare una nuova attivit\u00e0 online. La velocit\u00e0 del sito Web e la facilit\u00e0 di modifica del sito Web sono i fattori pi\u00f9 importanti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_a_block\"><\/span>Cos&#039;\u00e8 un blocco?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I blocchi WordPress di Gutenberg stanno costruendo unit\u00e0 del sito web. Ognuno di loro ha il suo posto e il suo scopo speciali. \u00c8 molto importante utilizzare il blocco WordPress giusto per un determinato tipo di contenuto.<\/p>\n\n\n\n<p>Ma come trovi il blocco pi\u00f9 adatto al tuo intento?<\/p>\n\n\n\n<p>Per aiutarti a comprendere meglio i blocchi di WordPress, abbiamo preparato questa panoramica dei pi\u00f9 popolari.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Text_content_blocks\"><\/span>Blocchi di contenuti testuali<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Esistono diversi blocchi che puoi utilizzare per inserire contenuti di testo sul tuo sito web. Puoi usare diversi blocchi. Da WordPress 5.4 c&#039;\u00e8 una nuova impostazione, puoi cambiare il colore del testo.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Paragrafo<\/li>\n\n\n\n<li>Intestazione<\/li>\n\n\n\n<li>Citazione<\/li>\n\n\n\n<li>Elenco<\/li>\n\n\n\n<li>Pullquote<\/li>\n\n\n\n<li>Tavolo<\/li>\n\n\n\n<li>Versetto<\/li>\n\n\n\n<li>Preformattato<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"923\" height=\"539\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4.png\" alt=\"Testo Colore Formato WordPress 5.4\" class=\"wp-image-85944\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4.png 923w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4-300x175.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4-768x448.png 768w\" sizes=\"auto, (max-width: 923px) 100vw, 923px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Tranne questo, usi il blocco Classico che pu\u00f2 essere pi\u00f9 pratico per un lungo paragrafo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Button_block\"><\/span>Blocco pulsanti<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Creare un pulsante CTA convincente in WordPress \u00e8 diventato semplicissimo con Button block. Non \u00e8 necessario inserire CSS personalizzati o comprendere l&#039;HTML. Puoi, ma non devi, inserire il codice esadecimale del tuo colore preferito per rendere il pulsante bello e accattivante.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-81131\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button.jpg\" alt=\"Blocco pulsante WordPress\" width=\"1000\" height=\"520\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button.jpg 1000w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button-300x156.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button-768x399.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/h4>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_to_use_Button_block\"><\/span>Dove utilizzare il blocco pulsanti?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Una volta che il visitatore web arriva al tuo sito web, vuoi incoraggiarlo ad agire. Ecco a cosa servono i pulsanti CTA.<\/p>\n\n\n\n<p>In generale, ci sono 3 posti in cui dovresti usare il blocco Button di WordPress:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Home page: per completare l&#039;azione che porter\u00e0 al raggiungimento del tuo obiettivo, come iscriversi alla newsletter, scoprire un&#039;offerta speciale o registrarsi per una prova gratuita.<\/li>\n\n\n\n<li>Pagina del prodotto: a seconda di come viene condotta la pagina del prodotto, potrebbero esserci 1 pulsante CTA (ACQUISTA) o pi\u00f9 pulsanti, ad esempio dettagli del prodotto, acquista, aggiungi alla lista dei desideri, ecc.<\/li>\n\n\n\n<li>Blog: i pulsanti CTA potrebbero fare riferimento a un altro articolo utile o all&#039;acquisto del tuo prodotto\/servizio.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Button_block_settings\"><\/span>Impostazioni del blocco dei pulsanti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In Inspector, sul lato destro, puoi gestire facilmente le impostazioni del tuo pulsante:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stile<\/li>\n\n\n\n<li>Colore di sfondo<\/li>\n\n\n\n<li>Colore del carattere<\/li>\n\n\n\n<li>Confine<\/li>\n<\/ul>\n\n\n\n<p>Il testo scritto nel tuo pulsante CTA dovrebbe essere breve e diretto, incoraggiando l&#039;azione che desideri che i tuoi visitatori web intraprendano.<\/p>\n\n\n\n<p><strong>Novit\u00e0 in arrivo nella prossima versione di WordPress 5.4 (rilascio 31 marzo 2020)<\/strong><\/p>\n\n\n\n<p>Il blocco pulsante verr\u00e0 sostituito con il nuovo pulsante<strong>S<\/strong> bloccare.<br>Puoi presumere dal nuovo nome che sarai in grado di creare pi\u00f9 pulsanti uno per uno in un contenitore di blocchi. Spesso \u00e8 necessario creare due CTA alla volta, ad esempio: Acquista ora e Leggi di pi\u00f9. Inoltre, sono in arrivo alcune nuove impostazioni di stile e colore. Scegli lo stile Riempimento o Contorno e poi il colore dello sfondo. Puoi scegliere uno sfondo a tinta unita o sfumato. Alcuni preset come punto di partenza saranno disponibili per una messa a punto pi\u00f9 agevole. La buona notizia \u00e8 che tutti i blocchi di pulsanti esistenti funzioneranno e non sar\u00e0 necessario migrarli.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-1024x554.png\" alt=\"\" class=\"wp-image-85937\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-1024x554.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-300x162.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-768x416.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-1536x832.png 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block.png 1917w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Columns_block\"><\/span>Blocco colonne<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Il blocco colonne \u00e8 un fantastico blocco WordPress che apre le porte a nuovi layout. Ti offre pi\u00f9 opzioni di disposizione degli elementi della pagina che si traducono in pi\u00f9 alternative di design.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns.jpg\" alt=\"Colonne Blocco WordPress\" class=\"wp-image-81237\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns.jpg 1000w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns-300x156.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns-768x399.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Lavorare con il blocco Colonne \u00e8 facile:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nessuna installazione aggiuntiva di plug-in.<\/li>\n\n\n\n<li>Nessuna codifica richiesta.<\/li>\n\n\n\n<li>Tutto ci\u00f2 di cui hai bisogno \u00e8 un po&#039; di buon senso per un design pulito.<\/li>\n<\/ul>\n\n\n\n<p>Rispetto al problema precedente che dovevi affrontare prima del rilascio dell&#039;editor di blocchi di WordPress, \u00e8 semplicissimo utilizzare il blocco di colonne di WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_use_Columns_block\"><\/span>Come usare il blocco Colonne?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Come indicato sopra, ci sono 2 modi in cui \u00e8 possibile utilizzare il blocco Colonne:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Per organizzare il flusso dei tuoi testi (in un post sul blog o sulla pagina normale).<\/li>\n\n\n\n<li>Per disporre altri blocchi in colonne.<\/li>\n<\/ul>\n\n\n\n<p>Quando organizzi il testo in colonne, ad esempio all&#039;interno di un post di un blog, aumenti la leggibilit\u00e0 e rendi il tuo sito web pi\u00f9 trasparente e facile da usare.<\/p>\n\n\n\n<p>Tuttavia, quando utilizzi il blocco Colonne per nidificare altri blocchi, come immagini, testi e pulsanti, stai modificando l&#039;intero layout della pagina scelta e creando nuovi design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Column_block_settings\"><\/span>Impostazioni del blocco di colonne<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Dopo aver inserito un blocco Colonna nella pagina, scegli quante colonne desideri. Pu\u00f2 essere qualsiasi importo da 2 a 6 colonne. Quindi puoi iniziare a digitare il testo o ad aggiungere blocchi in ogni colonna.<\/p>\n\n\n\n<p>L&#039;allineamento del contenuto del blocco di colonne pu\u00f2 essere impostato separatamente per l&#039;intero blocco e per le singole colonne. Puoi anche scegliere la proporzione della larghezza della colonna. In questo modo, una colonna pu\u00f2 essere pi\u00f9 larga di un&#039;altra.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cover_block\"><\/span>Blocco di copertura<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Parliamo dell&#039;intestazione del tuo sito web. \u00c8 una sezione che definisce la prima impressione quando qualcuno arriva sulla tua home page. Tipo di importante, non \u00e8 vero? E sapevi che il blocco Cover pu\u00f2 essere utilizzato come intestazione su qualsiasi pagina?<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover.jpg\" alt=\"Coprire il blocco di WordPress\" class=\"wp-image-81414\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover.jpg 1000w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover-300x156.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover-768x399.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Cover \u00e8 il blocco principale di WordPress che ti aiuta a stupire i tuoi visitatori web. Soprattutto quando \u00e8 usato correttamente, o per meglio dire, quando \u00e8 perfettamente integrato nel tuo web design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_to_use_Cover_block\"><\/span>Dove usare Cover block?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Come accennato in precedenza, il blocco copertina pu\u00f2 essere utilizzato su qualsiasi pagina. Inoltre, pu\u00f2 essere aggiunto in qualsiasi punto della pagina, a differenza dell&#039;intestazione del tuo sito Web che \u00e8 fissata nella parte superiore del tuo sito Web.<\/p>\n\n\n\n<p>Il blocco di copertura pu\u00f2 essere utilizzato come:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Intestazione di qualsiasi pagina, inclusa la home page.<\/li>\n\n\n\n<li>Immagine o video sovrascritti dal testo utilizzato nella pagina del prodotto.<\/li>\n\n\n\n<li>Separatore di contenuto nel post del blog.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cover_block_settings\"><\/span>Impostazioni blocco copertura<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>L&#039;impostazione del blocco Cover \u00e8 molto semplice. Innanzitutto, scegli un&#039;immagine o un video come sfondo. Puoi anche usare un solo colore. Quando hai impostato lo sfondo, aggiungi un titolo e un sottotitolo.<strong>&nbsp;<\/strong><\/p>\n\n\n\n<p>Puoi scegliere l&#039;allineamento del blocco e, naturalmente, l&#039;allineamento del testo all&#039;interno.<\/p>\n\n\n\n<p>L&#039;allineamento del blocco di copertura offre le seguenti opzioni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allineare a sinistra<\/li>\n\n\n\n<li>Allinea al centro<\/li>\n\n\n\n<li>Allinea a destra<\/li>\n\n\n\n<li>Ampia larghezza<\/li>\n\n\n\n<li>Intera larghezza<\/li>\n<\/ul>\n\n\n\n<p>Il mio preferito \u00e8 la sovrapposizione di colori disponibile nell&#039;ispettore: l&#039;immagine di sfondo del blocco copertina pu\u00f2 essere modificata con qualsiasi colore desiderato. Insieme alla dimensione e al colore del carattere personalizzati, puoi creare bellissimi contrasti e l&#039;aspetto finale del tuo blocco copertina sar\u00e0 sorprendente.<\/p>\n\n\n\n<p><strong>Da WordPress 5.4 puoi scegliere lo sfondo sfumato invece di uno a tinta unita.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4-.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"337\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--1024x337.png\" alt=\"Coprire lo sfondo sfumato del blocco WordPress 5.4\" class=\"wp-image-85939\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--1024x337.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--300x99.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--768x253.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--1536x506.png 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4-.png 1748w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gallery_block\"><\/span>Blocco galleria<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Metti in mostra le immagini sul tuo sito web utilizzando il blocco Galleria. Questo blocco WordPress standard \u00e8 stato progettato per contenere le tue immagini e visualizzarle bene su qualsiasi pagina del tuo sito web. Analogamente ad altri blocchi di WordPress, il blocco Galleria pu\u00f2 essere posizionato ovunque sul sito Web o all&#039;interno del post del blog.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery.jpg\" alt=\"Blocco WordPress della galleria\" class=\"wp-image-81143\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery.jpg 1000w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery-300x156.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery-768x399.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Il caricamento delle tue immagini pu\u00f2 essere effettuato scegliendo i file dalla libreria multimediale, dal tuo computer o utilizzando la funzione drag&amp;drop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_to_use_Gallery_block\"><\/span>Dove utilizzare il blocco Galleria?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>A seconda del tipo di sito Web, potresti voler creare una galleria fotografica complessa o una semplice presentazione di immagini. Puoi utilizzare il blocco Galleria su:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La tua home page<\/li>\n\n\n\n<li>Singole sottopagine create come album della tua galleria fotografica<\/li>\n\n\n\n<li>Pagine dei prodotti<\/li>\n\n\n\n<li>Post sul blog<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gallery_block_settings\"><\/span>Impostazioni del blocco galleria<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Oltre alle varie opzioni di allineamento del blocco Galleria stesso, ci sono un paio di opzioni interessanti all&#039;interno di questo blocco, come:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Numero di colonne in cui sono allineate le immagini.<\/li>\n\n\n\n<li>Ritaglio dell&#039;immagine in modo che corrisponda alla stessa dimensione (dell&#039;immagine pi\u00f9 piccola).<\/li>\n\n\n\n<li>Collegamento ipertestuale per darti la possibilit\u00e0 di collegarti a un&#039;altra pagina o file multimediale.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_block\"><\/span>Blocco immagine<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Il blocco immagine non \u00e8 altro che il blocco per visualizzare un&#039;immagine sul tuo sito web.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image.jpg\" alt=\"Immagine blocco WordPress\" class=\"wp-image-81168\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image.jpg 1000w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image-300x156.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image-768x399.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Giusto. Se vuoi solo aggiungere un&#039;immagine a una qualsiasi delle tue pagine, dovresti usare il blocco Image WordPress. Potrebbe essere simile ad altri blocchi presentati, ma ci sono differenze significative che lo rendono perfetto per le singole immagini.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"When_to_use_Image_block\"><\/span>Quando utilizzare il blocco immagine?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Il blocco immagine dovrebbe essere utilizzato soprattutto quando l&#039;oggetto visualizzato sull&#039;immagine \u00e8 particolarmente importante per il tuo visitatore web che desideri:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cattura l&#039;attenzione del visitatore web con un&#039;immagine specifica.<\/li>\n\n\n\n<li>Mostra immagine con didascalia.<\/li>\n\n\n\n<li>Mostra infografiche che aiutano i visitatori a comprendere meglio l&#039;argomento discusso.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_block_settings\"><\/span>Impostazioni del blocco immagine<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Uno dei maggiori vantaggi del blocco Image WordPress sono le sue opzioni di dimensione dell&#039;immagine. Puoi facilmente ridimensionare un&#039;immagine tirandola per l&#039;angolo, scegliere una dimensione fissa in pixel o definire la dimensione in percentuale.<\/p>\n\n\n\n<p>Un&#039;altra opzione significativa sono i campi di input per testo alternativo, didascalia e collegamento. Consiglio vivamente di utilizzare questi campi in quanto svolgono un ruolo importante nella SEO on page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Media_text_block\"><\/span>Media e blocco di testo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Passiamo a layout di pagina pi\u00f9 avanzati che puoi creare utilizzando Media e blocco di testo. Questo blocco centrale di WordPress ti consente di combinare media e testo fianco a fianco, in modo estetico e contestuale.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText.jpg\" alt=\"Blocco WordPress multimediale e di testo\" class=\"wp-image-81198\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText.jpg 1000w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText-300x156.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText-768x399.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_to_use_Media_text_block\"><\/span>Dove utilizzare Media e blocco di testo?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Sebbene il blocco Media e testo sia pi\u00f9 adatto per l&#039;uso all&#039;interno dei post del blog, con un po&#039; di immaginazione \u00e8 possibile utilizzarlo anche altrove. Ad esempio, puoi creare una bella panoramica di prodotti o servizi utilizzando immagini e testo uno accanto all&#039;altro.<\/p>\n\n\n\n<p>Non dimenticare di aggiungere un blocco Pulsante alla sezione di testo del blocco Media e testo, se utilizzato come panoramica del prodotto\/servizio. In questo modo puoi progettare una bella sezione CTA su qualsiasi pagina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Advantages_of_Media_text_block\"><\/span>Vantaggi di Media e blocco di testo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Riunire immagini e testo che si adattano contestualmente l&#039;uno all&#039;altro.<\/li>\n\n\n\n<li>Evitare lo smarrimento dell&#039;immagine all&#039;interno del post del blog.<\/li>\n\n\n\n<li>Aiutare con la reattivit\u00e0 del sito (utilizzare la funzione &quot;Stack on mobile&quot;).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Media_text_block_settings\"><\/span>Impostazioni dei blocchi multimediali e di testo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Osservando l&#039;impostazione di Media e blocco di testo, noterai alcune opzioni di allineamento, alcune delle quali sono uniche rispetto alla maggior parte degli altri blocchi.<\/p>\n\n\n\n<p>L&#039;impostazione interessante e utile di questo blocco \u00e8 il colore di sfondo. Colorando l&#039;area attorno all&#039;immagine e al testo che combaciano, puoi evidenziare visivamente la loro connessione.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10-1024x514.png\" alt=\"\" class=\"wp-image-85931\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10-1024x514.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10-300x151.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10-768x386.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong>Inserisci un collegamento da WordPress versione 5.4 (31.3.2020)<\/strong>. Puoi scegliere tra collegamento, file multimediale o pagina di allegato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Table_block\"><\/span>Blocco tavolo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Il blocco tabella \u00e8 uno degli esempi di come WordPress \u00e8 migliorato dopo l&#039;introduzione dell&#039;editor di blocchi di WordPress nella versione 5.0 e successive. Mentre prima avevi bisogno del plug-in per inserire la tabella nel tuo sito Web WordPress, ora puoi semplicemente utilizzare il blocco tabella.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table.jpg\" alt=\"Blocco tabella WordPress\" class=\"wp-image-81263\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table.jpg 1000w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table-300x156.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table-768x399.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_to_use_table_block\"><\/span>Dove usare il blocco tabella?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le tabelle svolgono un ruolo enorme nel fornire contenuti utili in modo ben organizzato e trasparente. Sicuramente, la maggior parte dei siti Web ha utilizzato le tabelle. Di seguito sono riportati solo alcuni esempi di utilizzo delle tabelle su diversi siti Web:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Confronto dei dati<\/li>\n\n\n\n<li>Tabelle dei prezzi<\/li>\n\n\n\n<li>Dettagli tecnici del prodotto<\/li>\n\n\n\n<li>Ricette<\/li>\n\n\n\n<li>Panoramica dei pacchetti di abbonamento<\/li>\n<\/ul>\n\n\n\n<p>Avere il blocco Table come parte del core gratuito di WordPress \u00e8 davvero sorprendente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Table_block_settings\"><\/span>Impostazioni del blocco tabella<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Quando inserisci un blocco Tabella nella pagina, devi definire un numero di colonne e righe della tabella. Non preoccuparti, questo numero non \u00e8 fisso. Puoi aggiungere pi\u00f9 righe e colonne (o rimuoverle) in qualsiasi momento.<\/p>\n\n\n\n<p>Quindi, scegli uno stile della tua tabella: predefinito o strisce. Passa all&#039;allineamento e allo stile del carattere e, infine, compila la tabella prima di aggiungere un tocco finale.<\/p>\n\n\n\n<p>Altre opzioni includono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Colore di sfondo<\/li>\n\n\n\n<li>Celle a larghezza fissa<\/li>\n\n\n\n<li>Intestazione<\/li>\n\n\n\n<li>Pi\u00e8 di pagina<\/li>\n\n\n\n<li>Collegamento (l&#039;immissione di testo in una tabella pu\u00f2 collegarsi ad altre pagine)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Which_block_would_you_like_to_see_next\"><\/span>Quale blocco vorresti vedere dopo?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Spero ti sia piaciuto leggere la nostra selezione di blocchi core di WordPress molto utili, disponibili gratuitamente per tutti. Per favore, facci sapere quali blocchi vorresti leggere in seguito o quali funzionalit\u00e0 ritieni ancora mancanti nel core di WordPress. Grazie per aver letto!<\/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-blocchi-blog\/#What_is_a_block\" >Cos&#039;\u00e8 un blocco?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Text_content_blocks\" >Blocchi di contenuti testuali<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Button_block\" >Blocco pulsanti<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Where_to_use_Button_block\" >Dove utilizzare il blocco pulsanti?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Button_block_settings\" >Impostazioni del blocco dei pulsanti<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Columns_block\" >Blocco colonne<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#How_to_use_Columns_block\" >Come usare il blocco Colonne?<\/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-blocchi-blog\/#Column_block_settings\" >Impostazioni del blocco di colonne<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Cover_block\" >Blocco di copertura<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Where_to_use_Cover_block\" >Dove usare Cover block?<\/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-blocchi-blog\/#Cover_block_settings\" >Impostazioni blocco copertura<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Gallery_block\" >Blocco galleria<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Where_to_use_Gallery_block\" >Dove utilizzare il blocco Galleria?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Gallery_block_settings\" >Impostazioni del blocco galleria<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Image_block\" >Blocco immagine<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#When_to_use_Image_block\" >Quando utilizzare il blocco immagine?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Image_block_settings\" >Impostazioni del blocco immagine<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Media_text_block\" >Media e blocco di testo<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Where_to_use_Media_text_block\" >Dove utilizzare Media 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-20\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Advantages_of_Media_text_block\" >Vantaggi di Media 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-21\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Media_text_block_settings\" >Impostazioni dei blocchi multimediali e di testo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Table_block\" >Blocco tavolo<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Where_to_use_table_block\" >Dove usare il blocco tabella?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Table_block_settings\" >Impostazioni del blocco tabella<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/www.ait-themes.club\/it\/wordpress-blocchi-blog\/#Which_block_would_you_like_to_see_next\" >Quale blocco vorresti vedere dopo?<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Ti offriamo una guida su come utilizzare l&#039;editor e i blocchi di WordPress di Gutenberg. Si prega di leggere le notizie sulle modifiche ai blocchi che arriveranno nella prossima versione 5.4. Abbiamo selezionato tutti i blocchi di uso pi\u00f9 frequente che devono essere utilizzati su qualsiasi sito web. Una volta rilasciato, pubblicheremo maggiori dettagli su tutte le funzionalit\u00e0.<\/p>","protected":false},"author":1,"featured_media":83919,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[4,50],"tags":[22],"citadela-post-location":[],"class_list":["post-83895","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-websites-in-wordpress","category-citadela-pro-documentation","tag-wordpress-block-editor"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/83895","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=83895"}],"version-history":[{"count":3,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/83895\/revisions"}],"predecessor-version":[{"id":96518,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/83895\/revisions\/96518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media\/83919"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media?parent=83895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/categories?post=83895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/tags?post=83895"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/citadela-post-location?post=83895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}