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

Ottimizzare le immagini<\/a>
- Dimensioni delle immagini<\/a><\/li><\/ul><\/li>
- Creare la galleria immagini<\/a><\/li>
- Selezionare le immagini per la galleria<\/a><\/li>
- Impostazioni della galleria immagini<\/a><\/li>
- Definire le opzioni della scheda Impostazioni Galleria<\/a>
  - Ordine delle immagini<\/a><\/li>
  - Opzione Link a<\/a><\/li>
  - Numero di colonne della galleria<\/a><\/li><\/ul><\/li>
  - Opzioni per le immagini<\/a>
    - Titolo<\/a><\/li>
    - Testo alt<\/a><\/li><\/ul><\/li>
    - Eliminare e aggiungere immagini dalla galleria<\/a><\/li><\/ul><\/nav><\/div>\n
      In questo articolo descrivo come creare e aggiungere una galleria fotografica utilizzando i mezzi messi a disposizione da WordPress, quindi senza l\u2019aggiunta di estensioni (plugin) che, tuttavia, hanno il merito di aggiungere alcuni effetti interessanti soprattutto sotto l\u2019aspetto estetico.<\/p>\n
      <\/span>Ottimizzare le immagini<\/span><\/h2>\n
      Come sempre, quando si parla di immagini, ed anche in questo caso per le immagini della galleria che si vuole creare, \u00e8 importante che le immagini siano ottimizzate prima di essere caricate in WordPress attraverso questi passaggi:<\/p>\n
      \n
      ridimensionamento;<\/li>\n
      ritaglio;<\/li>\n
      definizione di un nome del file che sia comprensibile e descrittivo;<\/li>\n
      compressione.<\/li>\n<\/ol>\n
      Questi pochi passaggi sono descritti nell\u2019articolo immagini per il web<\/a> e siccome non portano via molto tempo, ed \u00e8 sufficiente il programma Paint installato in tutti i sistemi Windows, \u00e8 buona prassi farli per questi semplici motivi:<\/p>\n
      \n
      dimostrare il nostro rispetto per l’utente che pu\u00f2 avere un segnale limitato e\/o una banda a consumo;<\/li>\n
      non rallentare troppo il caricamento della pagina;<\/li>\n
      non usare inutilmente lo spazio sul server.<\/li>\n<\/ul>\n
      <\/span>Dimensioni delle immagini<\/span><\/h3>\n
      Le immagini da utilizzare nella Community \u00e8 sufficiente che abbiano una dimensione orizzontale compresa tra 320 px e 650px. Per immagini che devono presentare contenuti pi\u00f9 definiti la dimensione orizzontale pu\u00f2 arrivare a 850px e nei rari casi dove i particolari sono importanti, pu\u00f2 essere necessario caricare immagini a 1024px.<\/p>\n
      Definisco solo la dimensione orizzontale e tralascio quella verticale, poich\u00e9 nei programmi di grafica, si imposta una delle due dimensioni, mentre l\u2019altra \u00e8 calcolata in automatico, salvo non si voglia procedere ad una definizione particolare per ognuna delle due misure. Quando l’immagine \u00e8 molto alta \u00e8 utile controllare che all’impostazione dell’altezza corrisponda un’adeguata dimensione della larghezza.<\/p>\n
      Immagini che richiedono alte definizioni e quindi dimensioni di 1024px sono quelle al cui interno c’\u00e8 del testo descrittivo, importante per la comprensione dell’immagine, come la grande immagine di 1024×490 px, che descrive la scheda delle opzioni galleria, che per\u00f2 nella sua visualizzazione viene mostrata a 888×430 px. In origine questa immagine pesava 450kb ridotti a 76kb con la compressione del servizio online www.tinypng.com<\/a>.<\/p>\n
      Sono necessarie immagini grandi se nell’immagine c’\u00e8 un dettaglio da evidenziare.<\/p>\n
      \u00c8 importante anche il formato file scelto. Se pensate di dover rielaborare l’immagine e se in questa c’\u00e8 testo, \u00e8 preferibile il formato .png se si ritiene di non dover rielaborare l’immagine si pu\u00f2 scegliere il formato .jpg. I motivi di queste scelte sono spiegati nell’articolo immagini per il Web <\/cite>, salvare i file: formato immagini<\/a>.<\/p>\n
      Caricare immagini pi\u00f9 grandi per ridurle attraverso le opzioni di ridimensionamento non serve, perch\u00e9 quel ridimensionamento avviene attraverso il codice, ma la dimensione dell’immagine resta quella originale. Questo significa che se si carica un\u2019immagine da 1200px con un peso di 2,5 Mb e poi la si riduce a 350px, il peso dell\u2019immagine sul server, ovvero lo spazio fisico che occupa, \u00e8 sempre di 2,5 Mb ed \u00e8 questo il consumo di banda dell\u2019utente quando visualizza l\u2019immagine sul suo dispositivo.<\/p>\n
      Un\u2019altro aspetto importante relativo alle immagini \u00e8 l\u2019uso di immagini di libero uso, prive dai diritti d\u2019autore, a meno che non si usino immagini prodotte in proprio. In entrambi i casi procedete a rinominare i file con nomi significativi e descrittivi<\/a> di cosa rappresenta l\u2019immagine.<\/p>\n
      <\/span>Creare la galleria immagini<\/span><\/h2>\n
      Fatta l’ottimizzazione delle immagini, si pu\u00f2 procedere alla creazione della galleria.
      \nLa galleria si pu\u00f2 inserire in articoli e pagine in qualunque punto si desidera, \u00e8 sufficiente posizionare il cursore nel punto in cui si vuole inserirla.<\/p>\n
      Procediamo con ordine seguendo i passi qui descritti:<\/p>\n
      \n
      Fai il login e accedi alla bacheca<\/a><\/li>\n
      dal menu articoli, apri un articolo esistente o creane uno nuovo<\/a><\/li>\n
      imposta l\u2019editor in modalit\u00e0 Visuale<\/li>\n
      fai clic sul pulsante Aggiungi Media
      \n $\"Bacheca$ <\/li>\n
      seleziona, nella schermata che segue Crea Galleria.
      \n $\"Crea$ <\/li>\n<\/ul>\n
      <\/span>Selezionare le immagini per la galleria<\/span><\/h2>\n
      Per la galleria si possono scegliere le immagini in questi modi:<\/p>\n
      \n
      immagini presenti nella libreria, facendo clic sul pulsante Libreria;<\/li>\n
      caricarne di nuove<\/a> facendo click sul pulsante Carica file<\/em>;<\/li>\n
      usare sia le immagini presenti nella galleria sia aggiungerne di nuove, eseguendo l\u2019upload.<\/li>\n<\/ul>\n
      Per selezionare pi\u00f9 immagini in ordine casuale, fai clic sull\u2019immagine tenendo premuto il tasto ctrl.<\/p>\n
      Per selezionare immagini in sequenza, fai clic sulla prima immagine e poi tenendo premuto il tasto shift, fai clic sull\u2019ultima immagine della sequenza.<\/p>\n
      Le immagini selezionate che comporranno la galleria sono visibili nella sezione inferiore della finestra.<\/p>\n
      Selezionate le immagini, clicca sul pulsante Crea una nuova galleria<\/em> in basso a destra.<\/p>\n
      $\"Crea$ <\/p>\n
      Si aprir\u00e0 la scheda di configurazione della galleria, con queste opzioni (fai clic sull’immagine per vedere la versione pi\u00f9 grande).<\/p>\n
      $\"Impostazioni$ <\/a><\/p>\n
      <\/span>Impostazioni della galleria immagini<\/span><\/h2>\n
      Fatto clic su Inserisci galleria<\/em>, le immagini selezionate sono inserite nell\u2019articolo non pi\u00f9 come singole unit\u00e0, ma come una galleria di immagini, che potrai modificare a piacimento, inserendo, spostando, eliminando le immagini a seconda delle necessit\u00e0.<\/p>\n
      Per cambiare le impostazioni della galleria fai clic su un’immagine qualsiasi. Le immagini appaiono all’interno di un riquadro blu con due icone sul lato superiore.<\/p>\n
      Per modificare le impostazioni della galleria fai clic sulla matita; per cancellare la galleria, fai clic sulla x a destra della matita. Per cambiare le impostazioni di ogni singola immagine fai clic prima sulla matita per aprire la scheda modifica delle impostazioni, e poi seleziona l\u2019immagine.<\/p>\n
      $\"Cambiare$ <\/p>\n
      <\/span>Definire le opzioni della scheda Impostazioni Galleria<\/span><\/h2>\n
      Diverse sono le opzioni che possono essere definite nella pagina delle impostazioni, vediamole una ad una.<\/p>\n
      <\/span>Ordine delle immagini<\/span><\/h3>\n
      Nella galleria si possono riordinare le immagini trascinandole nella posizione preferita, oppure si pu\u00f2 scegliere l\u2019ordine inverso cliccando sul bottone specifico. Nella colonna di destra, si possono definire altre opzioni come link a file media, numero di colonne, ordine casuale, e dimensione dell\u2019anteprima.<\/p>\n
      <\/span>Opzione Link a<\/em><\/span><\/h3>\n
      Nella barra laterale destra della finestra Modifica galleria<\/em>, puoi selezionare se le immagini della galleria avranno un link a:<\/p>\n
      \n
      File media:<\/dt>\n
      in questo caso, quando l\u2019utente cliccher\u00e0 sull\u2019immagine si aprir\u00e0 una nuova scheda dove sar\u00e0 visualizzata l\u2019immagine nelle sue dimensioni reali. Ho usato questa opzione per l’immagine di configurazione galleria.
      \nIn questo modo l’utente carica un’immagine di piccole dimensioni e se interessato fa clic su di essa per vedere una versione pi\u00f9 grande.<\/dd>\n
      Allegato pagina:<\/dt>\n
      selezionando questa opzione, quando l\u2019utente cliccher\u00e0 sull\u2019immagine si aprir\u00e0 una finestra contenente l\u2019articolo o pagina cui l\u2019immagine si riferisce.<\/dd>\n
      URL personalizzata:<\/dt>\n
      inserisci un URL che punta ad un file o ad una pagina o ad un articolo del blog o a siti esterni;<\/dd>\n
      Nessuna:<\/dt>\n
      in questo caso le immagini non avranno un link cliccabile.<\/dd>\n<\/dl>\n
      <\/span>Numero di colonne della galleria<\/span><\/h3>\n
      Questa opzione, \u00e8 utile per definire il numero di colonne in cui visualizzare e disporre le immagini di anteprima ed \u00e8 compreso tra 1 e 9. \u00c8 necessario mantenere l’equilibrio tra immagini e contenuto testuale; se le immagine fossero diverse e il testo piuttosto lungo, potrebbe essere un’idea dividere le immagini in pi\u00f9 gallerie da inserire nel testo.<\/p>\n
      <\/span>Opzioni per le immagini<\/span><\/h2>\n
      Ogni immagine pu\u00f2 avere delle impostazioni personali il titolo<\/em> e il testo alt<\/em> hanno particolare importanza.<\/p>\n
      <\/span>Titolo<\/span><\/h3>\n
      \u00c8 necessario come gi\u00e0 detto trovare un nome comprensibile e descrittivo per il titolo dell’immagine, perch\u00e9 \u00e8 quello che apparir\u00e0 come titolo di ogni singola immagine quando questa verr\u00e0 aperta. Se avete gi\u00e0 dato un nome al file, o avete rinominato il file immagine, con queste caratteristiche, potete copiarlo ed incollarlo nel campo dove \u00e8 richiesto di inserire il titolo ed eventualmente utilizzarlo anche come testo alt<\/em> inserendo qualche parola in pi\u00f9 per descrivere cosa rappresenta l’immagine.<\/p>\n
      Per esempio se l’immagine rappresenta una spiaggia con ombrelloni colorati, chiamate il file spiaggia_ombrelloni.png<\/em>, il titolo potrebbe essere, Spiaggia con ombrelloni colorati<\/em>, mentre il testo alt, potrebbe essere, La spiaggia di nome del posto con ombrelloni colorati, gente che prende il sole mentre altri fanno il bagno<\/em>.<\/p>\n
      <\/span>Testo alt<\/span><\/h3>\n
      Il testo alternativo \u00e8 visualizzato dal browser nel caso l\u2019immagine non fosse caricata ed \u00e8 letto dagli screen reader, migliorando l\u2019accessibilit\u00e0 dei contenuti<\/a>.<\/p>\n
      <\/span>Eliminare e aggiungere immagini dalla galleria<\/span><\/h2>\n
      Per rimuovere un’immagine, muovi il mouse sopra l’immagine di anteprima corrispondente e clicca sulla x<\/em> in alto a destra. Per aggiungere nuove immagini alla galleria, fai clic sul link Aggiungi alla galleria<\/em> nella colonna di sinistra, dopo aver selezionato le immagini da aggiungere fai clic in basso a destra su Aggiungi alla galleria<\/em>, ora sei di nuovo nella finestra di configurazione della galleria.<\/p>\n
      Completa le opzioni di configurazione, e fai clic su Inserisci galleria<\/em> in questo modo sono salvate le nuove impostazioni.<\/p>\n
      Se il lavoro fatto non \u00e8 soddisfacente si pu\u00f2 eliminare la galleria immagini, cliccando sul pulsante Cancella Galleria<\/em> per rimuovere le modifiche e tornare all\u2019editor in modalit\u00e0 Visuale. Come vedi, in pochi passaggi puoi aggiungere o cancellare gallerie a tuo piacimento, lavorando sempre sullo stesso articolo.<\/p>\n
      Se passi alla modalit\u00e0 Testo, puoi vedere come viene caricata la galleria nell\u2019articolo. L\u2019inserimento avviene attraverso shortcode, dove oltre al numero identificativo della galleria, appaiono anche i numeri identificativi delle immagini.<\/p>\n
      Ora puoi inserire una galleria di immagini nei tuoi articoli, ma non esagerare. Ricorda che le immagini devono essere significative per il contenuto e se diverse mostrano lo stesso soggetto, solo una \u00e8 necessaria.<\/p>\n","protected":false},"excerpt":{"rendered":"
      In questo articolo descrivo come creare e aggiungere una galleria fotografica utilizzando i mezzi messi a disposizione da WordPress, quindi senza l\u2019aggiunta di estensioni (plugin) che, tuttavia, hanno il merito di aggiungere alcuni effetti interessanti soprattutto sotto l\u2019aspetto estetico. Ottimizzare le immagini Come sempre, quando si parla di immagini, ed anche in questo caso per…<\/p>\n","protected":false},"author":2,"featured_media":26649,"comment_status":"open","ping_status":"open","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":[1319],"tags":[],"class_list":["post-26507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-supporto"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/26507","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=26507"}],"version-history":[{"count":0,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/26507\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media\/26649"}],"wp:attachment":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media?parent=26507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/categories?post=26507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/tags?post=26507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/span>Selezionare le immagini per la galleria<\/span><\/h2>\nPer la galleria si possono scegliere le immagini in questi modi:<\/p>\n\nimmagini presenti nella libreria, facendo clic sul pulsante Libreria;<\/li>\n