{"id":367027,"date":"2023-02-04T12:58:00","date_gmt":"2023-02-04T09:58:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367027"},"modified":"2023-03-31T20:00:32","modified_gmt":"2023-03-31T17:00:32","slug":"una-guida-al-blocco-immagine-gutenberg-di-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/una-guida-al-blocco-immagine-gutenberg-di-wordpress\/","title":{"rendered":"Una guida al blocco immagine Gutenberg di WordPress"},"content":{"rendered":"\n<p>Uno dei costruttori di pagine pi\u00f9 popolari per WordPress, Gutenberg viene fornito con una libreria di elementi gi\u00e0 pronti, <a href=\"https:\/\/themewp.inform.click\/it\/spiegazione-dei-nuovi-blocchi-gutenberg-di-wordpress\/\" title=\"altrimenti noti come blocchi di Gutenberg\">altrimenti noti come blocchi di Gutenberg<\/a>. I blocchi consentono un&#8217;esperienza di creazione delle pagine fluida, snella e facile in quanto sono incredibilmente intuitivi e pratici. In questa guida, faremo una panoramica del Blocco immagine Gutenberg e di tutto ci\u00f2 che puoi fare con esso.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/b3oXhjbhW6k\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Il blocco immagine predefinito e come aggiungerlo<\/h2>\n<p>In poche parole, Gutenberg Image Block ti consente di <strong>aggiungere un&#8217;immagine ovunque tu voglia sulla tua pagina o sul tuo post<\/strong>. Se fai clic su un pulsante pi\u00f9 nel tuo editor, si aprir\u00e0 un nuovo campo. Qui puoi accedere all&#8217;opzione Immagine. Come puoi vedere di seguito, in questo editor hai opzioni separate per aggiungere anche il blocco immagine Gutenberg e il <a href=\"https:\/\/themewp.inform.click\/it\/introduzione-alle-funzionalita-del-blocco-galleria-di-gutenberg\/\" title=\"blocco galleria Gutenberg\">blocco galleria Gutenberg<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e74870f8d7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e74870f8d7.jpg\" alt=\"Una guida al blocco immagine Gutenberg di WordPress\"><\/a><\/p>\n<p>In Gutenberg, ci sono tre modi diversi per aggiungere immagini. Puoi <strong>caricare un&#8217;immagine dal tuo computer, scegliere un&#8217;immagine gi\u00e0 esistente dalla tua Libreria multimediale o inserirla dall&#8217;URL<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e7489c269a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e7489c269a.jpg\" alt=\"Una guida al blocco immagine Gutenberg di WordPress\"><\/a><\/p>\n<p>A prima vista, il blocco immagine contiene le stesse opzioni del pulsante Aggiungi media dell&#8217;editor classico. Tuttavia, a un esame pi\u00f9 attento, \u00e8 evidente che ci\u00f2 \u00e8 vero solo in parte. Ci sono alcune nuove utili opzioni fornite con Gutenberg che faciliteranno ulteriormente la tua esperienza di modifica delle immagini.<\/p>\n<p>Il primo \u00e8 un&#8217;aggiunta di piccoli punti blu sull&#8217;immagine. Grazie a questi punti, puoi <strong>allungare l&#8217;immagine e aumentare e diminuire le sue dimensioni nel modo che preferisci<\/strong>. Un&#8217;altra nuova opzione \u00e8 la possibilit\u00e0 di scrivere la didascalia nella parte inferiore dell&#8217;immagine.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e748d4cd3c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e748d4cd3c.jpg\" alt=\"Una guida al blocco immagine Gutenberg di WordPress\"><\/a><\/p>\n<p>Puoi trovare tutte le impostazioni di base proprio sopra il Blocco immagine. D&#8217;altra parte, le impostazioni dell&#8217;immagine pi\u00f9 avanzate si trovano nella scheda Blocca. Questi includono Testo alternativo, Dimensione immagine, Impostazioni collegamento e Avanzate.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e748fd300e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e748fd300e.jpg\" alt=\"Una guida al blocco immagine Gutenberg di WordPress\"><\/a><\/p>\n<ul>\n<li><strong>Testo alternativo<\/strong>: qui puoi aggiungere una breve descrizione della tua immagine. Tuttavia, puoi lasciare vuoto questo campo se la tua immagine non \u00e8 un elemento centrale dei tuoi contenuti.<\/li>\n<li><strong>Dimensione dell&#8217;immagine<\/strong>: ci sono possibilit\u00e0 di modificare la dimensione dell&#8217;immagine in dimensioni predefinite, come Miniatura, Media, Grande e Piena dimensione. Un&#8217;altra alternativa \u00e8 aggiungere le dimensioni esatte dell&#8217;immagine in pixel o determinare la dimensione desiderata in percentuale rispetto alla dimensione originale. In caso di errori, puoi sempre fare clic sul pulsante Ripristina.<\/li>\n<li><strong>Impostazioni collegamento<\/strong>: qui hai quattro diverse opzioni: Nessuno, Pagina allegato, File multimediale e URL personalizzato. L&#8217;opzione Nessuna ti consente di visualizzare l&#8217;immagine senza un collegamento, mentre la pagina allegato rimanda a una pagina specifica del tuo sito che ha lo scopo di fornire informazioni sull&#8217;immagine in questione. Per quanto riguarda Media File, apre l&#8217;immagine da solo. L&#8217;ultima opzione ti consente di aggiungere un URL personalizzato per la tua immagine.<\/li>\n<li><strong>Avanzate<\/strong>: in questo campo puoi aggiungere una classe CSS aggiuntiva e scrivere i tuoi stili personalizzati.<\/li>\n<\/ul>\n<p>Ulteriori opzioni della barra dell&#8217;immagine includono l&#8217;allineamento dell&#8217;immagine (allinea a sinistra, a destra o al centro) e Cambia tipo di blocco. La scelta di questa opzione ti d\u00e0 la possibilit\u00e0 di <strong>trasformare il tuo blocco in un altro blocco compatibile con un solo clic del mouse<\/strong>. Ad esempio, puoi modificare il tipo di blocco in galleria, media e testo, copertina e file.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e7492b2ebc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-346234-633e7492b2ebc.jpg\" alt=\"Una guida al blocco immagine Gutenberg di WordPress\"><\/a><\/p>\n<p>Se vuoi modificare la tua immagine come hai fatto nel classico editor di WordPress, puoi farlo facilmente facendo clic sull&#8217;icona a forma di matita per aprire l&#8217;immagine nella libreria multimediale di WordPress.<\/p>\n<p>Ora questo \u00e8 tutto sul Blocco immagine predefinito, ma dovresti sapere che ci sono anche alcune opzioni pi\u00f9 avanzate l\u00e0 fuori.<\/p>\n<h2>Aggiunta di immagini utilizzando i blocchi Qi per Gutenberg<\/h2>\n<p><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?campaign=GutenbergImageBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi Blocks for Gutenberg<\/a> \u00e8 una ricca raccolta di blocchi Gutenberg personalizzati che ti consentono di fare molto di pi\u00f9 (e di ottenere risultati estetici migliori) di quanto faresti normalmente con i blocchi predefiniti. La <strong>raccolta pu\u00f2 essere scaricata gratuitamente dal repository ufficiale di WordPress, offrendoti un meraviglioso set di 48 blocchi per qualsiasi cosa, dagli elementi creativi e di presentazione, al business e alla SEO<\/strong>. Per coloro che desiderano opzioni ancora migliori e funzionalit\u00e0 pi\u00f9 avanzate, c&#8217;\u00e8 anche il <strong>pacchetto Qi Blocks Premium con 33 blocchi aggiuntivi<\/strong>.<\/p>\n<p>Questa volta, il blocco che ci interessa qui \u00e8 il <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/single-image\/?campaign=GutenbergImageBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">blocco Immagine singola<\/a>. Penseresti che aggiungere immagini a pagine e post sia la cosa pi\u00f9 semplice che ci sia, ma il blocco Immagine singola per Gutenberg ti consente non solo di farlo con la massima facilit\u00e0, ovunque sul tuo sito, ma include anche <strong>una serie di esclusivi opzioni<\/strong>. Ad esempio, puoi selezionare varie azioni dell&#8217;immagine, regolare la larghezza, l&#8217;altezza, i bordi, l&#8217;allineamento, impostare il comportamento al passaggio del mouse, abilitare la lightbox e molto altro.<\/p>\n<p>Un altro blocco straordinario che merita la nostra attenzione qui \u00e8 <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/parallax-image-showcase\/?campaign=GutenbergImageBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Parallax Image Showcase<\/a>, che ti consente di creare sezioni di immagini doppie con immagini che si muovono a velocit\u00e0 diverse durante lo scorrimento, creando un&#8217;eccitante illusione di profondit\u00e0.<\/p>\n<p>Poi c&#8217;\u00e8 il <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/image-hotspots\/?campaign=GutenbergImageBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">blocco Image Hotspots<\/a>, con icone o altri simboli posizionati sulle immagini, che rivelano informazioni quando l&#8217;utente ci passa sopra.<\/p>\n<p>Infine, il <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/image-slider\/?campaign=GutenbergImageBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">blocco Image Slider<\/a> pu\u00f2 aiutarti a creare slider impressionanti e accattivanti con le tue immagini selezionate, aggiungendo un tocco di dinamicit\u00e0 alle tue pagine. Con questo blocco, non hai pi\u00f9 bisogno di plug-in di scorrimento complicati e difficili da personalizzare. Ottieni tutto ci\u00f2 di cui hai bisogno in un blocco unico, intuitivo e completamente personalizzabile.<\/p>\n<p>Come abbiamo visto, c&#8217;\u00e8 molto che puoi fare con Image Block, sia che tu usi quello predefinito fornito con Gutenberg, sia che tu opti per una soluzione di terze parti, come nel caso di Qi Blocks per Gutenberg. Le immagini sono molto importanti per qualsiasi sito Web, poich\u00e9 spesso possono raccontare e fare molto di pi\u00f9 delle parole. Grazie a Gutenberg, aggiungerli ai tuoi post e alle tue pagine non \u00e8 mai stato cos\u00ec facile.<\/p>\n<p>Ci auguriamo che questo articolo ti sia stato utile. Se ti \u00e8 piaciuto, non esitare a dare un&#8217;occhiata anche ad alcuni di questi articoli!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questa breve guida, faremo una panoramica di Gutenberg Image Block e ti mostreremo tutto ci\u00f2 che puoi fare con questa utile opzione.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-367027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/367027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=367027"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/367027\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=367027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=367027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=367027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}