Sommario<\/p>\nToggle<\/span>

Non sono tutti uguali<\/a><\/li>
Come riconoscerli<\/a>
- Blocco immagine<\/a><\/li>
- Blocco Media e testo<\/a><\/li>
- Copertina<\/a><\/li>
- Galleria<\/a><\/li><\/ul><\/li>
- Quando usarli<\/a><\/li>
- Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n
  Le immagini sono un pezzo importante di informazione; possono facilitare la comprensione del testo, alleggerire il contenuto e sono un momento di svago durante la lettura, ma, se messe a caso, possono essere inutili e distrarre il lettore.<\/p>\n\n\n\n
  L’editor di WordPress consente di inserire immagini nel testo in diversi modi e per questo mette a disposizione dell’autore diversi tipi di blocchi.<\/p>\n\n\n\n
  Come probabilmente saprai, se hai letto la guida all’editor di WordPress<\/a>, l’editor funziona a blocchi. Questo significa che ogni blocco \u00e8 un contenitore di contenuti, e prima di inserire un qualsiasi tipo di contenuto, devi scegliere il blocco adatto. <\/p>\n\n\n\n
  Di solito un articolo si compone di: <\/p>\n\n\n\n
  - blocco paragrafo per inserire il testo; <\/li>
  - blocco titoli per definire la titolazione di un articolo<\/a>; <\/li>
  - blocco elenco, utile per descrivere un elenco ordinato o non ordinato, <\/li>
  - altri tipi di blocco, ognuno con una sua capacit\u00e0 di inserire un certo tipo di contenuto.<\/li><\/ul>\n\n\n\n
    A questo punto forse stai pensando che per inserire un’immagine dovr\u00e0 esistere un blocco immagine. E hai ragione! Per inserire un’immagine a corredo di un testo<\/a>, si utilizza il blocco immagine.<\/p>\n\n\n\n
    Ma sebbene sembri facile, l’editor di WordPress vuole renderti la vita difficile, cos\u00ec, per inserire immagini, mette a disposizione ben quattro diversi tipi di blocco per le immagini. <\/p>\n\n\n\n
    Il tema grafico, o i plugin che usi nel tuo sito o blog, possono offrire ulteriori blocchi per l’inserimento di immagini che si aggiungono a quelli gi\u00e0 disponibili nell’editor. Controlla tra le impostazioni del tema grafico e dei plugin, se offrono alternative ai blocchi descritti in questo articolo. <\/p>\n\n\n\n
    <\/span>Non sono tutti uguali<\/span><\/h2>\n\n\n\n
    Ogni blocco disponibile per inserire immagini ha peculiarit\u00e0 che lo differenziano dagli altri, e la scelta di usare un blocco al posto di un altro, dipende dallo scopo dell’informazione grafica, per questo non devi utilizzare un blocco qualsiasi pensando che tanto uno vale l’altro.<\/p>\n\n\n\n
    I blocchi si possono utilizzare sia negli articoli sia nelle pagine, ma non sono equivalenti nella presentazione del contenuto. L\u2019esperienza nel pubblicare contenuti consente di scegliere il blocco pi\u00f9 adatto per un certo tipo di informazione. Puoi immaginare di utilizzare un blocco al posto di un altro all\u2019interno di un articolo o di una pagina perch\u00e9 hanno tutti la capacit\u00e0 di presentare il contenuto ma lo fanno in modo diverso.<\/p>\n\n\n\n
    Non \u00e8 consigliabile usare un blocco a caso, confidando sul fatto che l’immagine viene comunque resa, perch\u00e9 il risultato potrebbe non essere quello immaginato. Si devono fare diversi tentativi per capire come si comportano i blocchi e capire come ogni blocco presenta i contenuti, e, infine, scegliere il blocco che si ritiene pi\u00f9 adatto allo scopo.<\/p>\n\n\n\n
    Se sei uno sviluppatore di siti o blog, o scrivi articoli su uno dei blog della Community, l’avere a disposizione diversi modi per inserire gli oggetti grafici, \u00e8 certamente una risorsa da sfruttare in modo completo e consapevole, in questo modo potrai creare pagine e articoli capaci di comunicare e far percepire il contenuto, ancor prima che questo sia analizzato attraverso la lettura. <\/p>\n\n\n\n
    <\/span>Come riconoscerli<\/span><\/h2>\n\n\n\n
    Ogni blocco per le immagini, ha associata un’icona. In questo modo \u00e8 pi\u00f9 semplice riconoscerlo tra i tanti presenti nell’editor. Per trovare rapidamente il blocco che cerchi, puoi digitare il tasto chiave \/ (slash) all’interno della riga Cerca un <\/em>blocco, seguito dal nome del blocco. Non \u00e8 necessario conoscere esattamente il nome del blocco o scriverlo per intero, perch\u00e9, quando inizi a scrivere le lettere che compongono il nome del blocco che stai cercando,, l’editor presenta tutti i blocchi il cui nome inizia con quelle lettere.<\/p>\n\n\n\n
    $\"\"$ <\/a><\/figure><\/li>
    $\"\"$ <\/a><\/figure><\/li>
    $\"\"$ <\/a><\/figure><\/li><\/ul>
    Galleria immagine: i blocchi nel contesto dell’editor. Clicca su un’immagine per vedere l’immagine a dimensione reale<\/figcaption><\/figure>\n\n\n\n
    <\/div>\n\n\n\n
    I blocchi messi a disposizione per inserire immagini sono:<\/p>\n\n\n\n
    <\/span>Blocco immagine<\/span><\/h3>\n\n\n\n
    $\"icona$ <\/figure><\/div>\n\n\n\n
    \u00c8 il blocco generico per incorporare un’immagine nel testo. Il blocco immagine, oltre alla possibilit\u00e0 di allineare l’immagine rispetto al testo, ha alcune possibilit\u00e0 di configurazione, quali Dimensione dell’immagine<\/em> e Dimensione <\/em>Immagine. Queste due funzioni sembrano la stessa cosa ma sono impostazioni molto diverse. La prima imposta una dimensione fissa e puoi scegliere tra Miniatura, Media, Grande, Dimensione reale<\/em>. La seconda consente di ridimensionare l’immagine con dimensioni personalizate o definite in percentuale<\/p>\n\n\n\n
    <\/span>Blocco Media e testo<\/span><\/h3>\n\n\n\n $\"\"$ <\/figure><\/div>\n\n\n\n
    Con questo bocco si pu\u00f2 inserire un’immagine affiancata da un testo descrittivo di una risorsa interna o esterna al sito. Le impostazioni del blocco Media e testo sono numerose, alcune si trovano nel menu contestuale del blocco, mostrato sul lato superiore della pagina, tra cui la possibilit\u00e0 di variare la posizione del testo a destra o a sinistra dell’immagine e il suo allineamento o posizione rispetto all’immagine, in basso al centro o in alto. Nelle impostazioni di Blocco, presentate sulla barra laterale destra, si pu\u00f2 inserire il capolettera e impostare il colore del testo e dello sfondo.<\/p>\n\n\n\n
    <\/span>Copertina<\/span><\/h3>\n\n\n\n
    $\"icona$ <\/figure><\/div>\n\n\n\n
    L’immagine copertina \u00e8 conosciuta anche come Hero Image. Questa immagine di solito di grandi dimensioni \u00e8 inserita in un articolo o pagina per evidenziare un contenuto, deve essere evocativa e comunicare emozioni, Pu\u00f2 essere un’immagine fuori dal contesto dell’articolo e pu\u00f2 dividere le sezioni di una pagina o articolo. Il blocco copertina consente di inserire l’immagine di sfondo, o anche solo un colore di sfondo, e permette di sovrapporre all’immagine un breve contenuto testuale che pu\u00f2 essere un collegamento ad altre risorse.<\/p>\n\n\n\n
    <\/span> Galleria<\/span><\/h3>\n\n\n\n
    $\"\"$ <\/figure><\/div>\n\n\n\n
    Il blocco galleria consente di creare in modo facile e intuitivo una galleria di immagini disposte su due o pi\u00f9 colonne. Al momento della creazione della galleria, si pu\u00f2 decidere se caricare un’immagine di dimensioni ridotte e attivare il collegamento a file media<\/em>. In questo modo facendo click sull’immagine, si pu\u00f2 visualizzarne la dimensione reale. Questo comportamento \u00e8 utile quando si vogliono mostrare immagini di grandi dimensioni, ma caricare la pagina o articolo in tempi pi\u00f9 brevi, limitando anche il consumo di banda dell’utente che, se interessato, all’immagine, potr\u00e0 cliccare su di essa per vederne la dimensione reale.<\/p>\n\n\n\n
    Ricorda sempre che le immagini hanno grande impatto per la velocit\u00e0 di caricamento di un sito e per questo devono essere ottimizzate e corredate di testo alt<\/a><\/em> utile per l’accessibilit\u00e0. Per sapere tutto sulle immagini, puoi visualizzare la rubrica Supporto<\/a><\/em> e fare click sull’icona lente di ingrandimento, in alto sulla destra del monitor. Nel campo di ricerca, digita immagini<\/em> e vedrai tutti gli articoli sulle immagini pubblicati nella Community. <\/p>\n\n\n\n
    <\/span>Quando usarli<\/span><\/h2>\n\n\n\n
    Sei libero di usare qualsiasi blocco nel contesto che preferisci, pagine o articoli, sta a te decidere quale tipo di esperienza ed emozioni vuoi comunicare attraverso un uso consapevole della grafica.<\/p>\n\n\n\n
    Il blocco copertina<\/em> e il blocco media e testo<\/em> sono utili per evidenziare parti di contenuti o per collegare sezioni del blog in modo graficamente piacevole e intuitivo.<\/p>\n\n\n\n
    I blocchi immagine<\/em> e galleria<\/em>, vedono il loro uso all’interno degli articoli e sono utili per inserire immagini singole o intere gallerie di immagini multiple.<\/p>\n\n\n\n
    Questo non significa che se vuoi usare un blocco copertina per introdurre il tuo articolo non puoi farlo o che non puoi usare una galleria immagine per introdurre i contenuti di una pagina.<\/p>\n\n\n\n
    Cerca di immaginare lo scopo di ogni blocco e cosa consente di realizzare, e poi fai molte prove sul risultato. Pu\u00f2 darsi che dopo aver trascorso diverso tempo per capire come esprimere la tua creativit\u00e0, ti accorgi che essere essenziale non \u00e8 sinonimo di superficiale. A volte potrai scoprire come le immagini non sono necessarie. Infine, ricorda che la dimensione grafica, per esprimersi, ha bisogno di spazi vuoti, perci\u00f2 non affollare i tuoi contenuti con immagini solo per riempire spazi che devono restare liberi o nella speranza di rendere pi\u00f9 allegro il tuo articolo.<\/p>\n\n\n\n
    <\/span>Conclusioni<\/span><\/h2>\n\n\n\n
    Ora conosci quali sono i blocchi per inserire immagini in pagine e articoli, prova ad utilizzare le loro diverse capacit\u00e0 per capire quali sono le impressioni e le sensazioni che ognuno di questi riesce a comunicare. Se hai suggerimenti o consigli su come utilizzare le immagini in pagine o articoli, puoi farceli conoscere attraverso il modulo dei commenti che trovi pi\u00f9 sotto<\/p>\n","protected":false},"excerpt":{"rendered":"
    Le immagini sono un bel pezzo di informazione, possono facilitare la comprensione del testo, <\/p>\n","protected":false},"author":2,"featured_media":55229,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[236,1319],"tags":[1377,1376,1378,7],"class_list":["post-55221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-community","category-supporto","tag-blocco-immagine","tag-editor","tag-galleria","tag-immagini"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/55221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/comments?post=55221"}],"version-history":[{"count":0,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/55221\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media\/55229"}],"wp:attachment":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media?parent=55221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/categories?post=55221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/tags?post=55221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}