Le versioni precedenti di WordPress (fino alla v5.0) aggiungono immagini utilizzando il pulsante +Aggiungi media. Il problema era che anche con modifiche minime alla dimensione dell'immagine avresti dovuto caricarla di nuovo. Significa perdita di tempo e clic ridondanti.<\/p>\n\n\n\n
Il nuovo editor basato su blocchi Gutenberg cambia il modo in cui aggiungere immagini in WordPress per rendere questo processo pi\u00f9 semplice per gli utenti finali. In questo articolo ti mostreremo una guida pratica sull'aggiunta e la modifica del blocco immagine di WordPress. Inoltre, spiegheremo un'altra opzione per incollare le immagini: come copiare e incollare un'immagine nell'area del contenuto con pochi clic. Vi presenteremo anche nuove funzionalit\u00e0 aggiunte che provengono da WP 5.3.<\/p>\n\n\n\n
Ma prima parliamo del perch\u00e9 dovresti usare le immagini nei post e nelle pagine.<\/p>\n\n\n\n
<\/span><\/a>Perch\u00e9 il blocco immagine di WordPress \u00e8 un must per il tuo sito web<\/span><\/h2>\n\n\n\n<\/span>Attirare l'attenzione<\/span><\/h3>\n\n\n\nLe immagini attirano l'attenzione dei visitatori del sito web. Devono essere interessanti per mantenere i visitatori sul tuo sito web pi\u00f9 a lungo. Pensa a un post sul blog senza immagini. \u00c8 solo un mucchio di testo. A prima vista non \u00e8 molto interessante anche se potrebbe essere prezioso e ricco di informazioni. Inoltre le foto possono aiutare a immaginare e descrivere meglio il tuo argomento.<\/p>\n\n\n\n
Per questo motivo abbiamo bisogno di utilizzare il blocco immagine di WordPress per focalizzare l'attenzione su cose importanti.<\/p>\n\n\n\n
![\"Esempio](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/blog-post-images-example.png\")
<\/a>Esempio di 2 blog con o senza immagini<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Testo illustrativo e contesto<\/span><\/h3>\n\n\n\nLe immagini sono anche una parte essenziale per comprendere i contenuti perch\u00e9 consentono ai visitatori di capire meglio di cosa tratta l'articolo. Grazie alle infografiche puoi spiegare connessioni complicate e raccontare cose in modo semplice. Aiuta i visitatori ad orientarsi meglio nel problema di cui parli.<\/p>\n\n\n\n
![\"Esempio](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/blog-post-infographic.png\")
<\/a>Infografica per una migliore spiegazione del testo<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Rendi il sito web pi\u00f9 bello<\/span><\/h3>\n\n\n\nInoltre, le immagini danno il tocco finale all'intero design del sito web. Non si tratta solo di layout del sito Web, ma anche di usabilit\u00e0. L'immagine scelta e posizionata correttamente pu\u00f2 aiutare il visitatore a navigare pi\u00f9 facilmente nel tuo sito web.<\/p>\n\n\n\n
<\/span><\/a>Come aggiungere immagini nell'editor di blocchi di WordPress<\/span><\/h2>\n\n\n\nPer inserire un'immagine in un articolo o in una pagina \u00e8 necessario aggiungere il blocco principale: blocco immagine. Ci sono molti modi per farlo:<\/p>\n\n\n\n
\u2013 Usando "+" nella barra in alto o in qualsiasi punto dell'editor<\/p>\n\n\n\n
![\"Aggiungi](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-add.png\")
<\/a>Aggiunta del blocco immagine di WordPress facendo clic su "+"<\/figcaption><\/figure><\/div>\n\n\n\n\u2013 Utilizzando la barra "\/" e scrivendo successivamente la parola "immagine".<\/p>\n\n\n\n
![\"Aggiungi](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-shortcut.gif\")
<\/a>Aggiunta di un blocco immagine utilizzando la barra "\/"<\/figcaption><\/figure><\/div>\n\n\n\nVerr\u00e0 creato un nuovo blocco in cui \u00e8 possibile aggiungere immagini reali.<\/p>\n\n\n\n
<\/span>Caricamento immagini su WordPress<\/span><\/h3>\n\n\n\nCome mettere le immagini l\u00ec dove vuoi?<\/p>\n\n\n\n
- Usa Carica e seleziona un'immagine dal tuo disco rigido<\/li>
- Usa la Libreria multimediale, dove puoi selezionare le immagini che erano gi\u00e0 state caricate sul tuo sito web<\/li>
- Usa il mouse e trascina e rilascia l'immagine<\/li>
- Inserisci l'indirizzo URL dell'immagine<\/li><\/ul>\n\n\n\n
![\"Opzioni](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-upload.gif\")
<\/a>Opzioni disponibili per il caricamento delle immagini: una di queste \u00e8 il trascinamento dell'immagine dalla cartella<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Metodo meno noto per aggiungere immagini WordPress<\/span><\/h3>\n\n\n\nOltre a caricare le immagini attraverso la finestra di caricamento come accennato in precedenza, c'\u00e8 un altro modo per inserire l'immagine (ed \u00e8 un modo cos\u00ec veloce!). Con l'editor WordPress migliorato, puoi:<\/p>\n\n\n\n
- Copia l'immagine da qualsiasi contenuto, o<\/li>
- Basta "trascinare" l'immagine con il cursore del mouse<\/li><\/ul>\n\n\n\n
Quindi inserire o spostare (rilasciare) l'immagine selezionata nella posizione desiderata nell'area del contenuto.<\/p>\n\n\n\n
![\"Trascina](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/12\/Drag-and-drop-image-to-post.gif\")
Trascina l'immagine selezionata e rilasciala dove \u00e8 necessario (direttamente nell'editor di WordPress)<\/figcaption><\/figure><\/div>\n\n\n\nLa stessa tecnica che puoi utilizzare anche nel caso in cui desideri incollare un'immagine catturata dal tuo schermo. Sono necessari solo tre semplici passaggi. Primo, devi fare uno screenshot<\/strong> utilizzando la funzione di stampa dello schermo. Ad esempio, Windows 10 fornisce il suo strumento Snippet predefinito chiamato Snip & Sketch, che \u00e8 disponibile anche tramite una scorciatoia: basta premere i tasti Win + Maiusc + S insieme sulla tastiera. Quindi selezionare l'area dell'immagine che si desidera acquisire. L'ultimo passaggio consiste nell'incollare l'immagine copiata (o parte di essa) nell'area del contenuto utilizzando la scorciatoia di base Ctrl+V.<\/p>\n\n\n\nE cosa succede all'immagine di WordPress che hai incollato nel tuo editor? Bene, viene automaticamente aggiunto alla Libreria multimediale dove puoi modificare questa immagine.<\/p>\n\n\n\n
<\/span>Opzioni limitate per i metadati delle immagini<\/span><\/h4>\n\n\n\nAll'interno della modifica delle immagini \u00e8 possibile impostare il titolo, la didascalia, la descrizione e il testo alternativo. Sfortunatamente, non puoi cambiare il nome del file dell'immagine: manterr\u00e0 il suo nome generato automaticamente, ad esempio immagine-1.png<\/em> e cos\u00ec via. Questo tipo di nome file pu\u00f2 essere un piccolo svantaggio in termini di ottimizzazione SEO a causa del conflitto con i consigli di denominazione dei file. Pertanto, \u00e8 necessario considerare questo aspetto prima di spostare le immagini di WordPress nell'area del contenuto.<\/p>\n\n\n\n<\/span>Allineamento dell'immagine<\/span><\/h3>\n\n\n\nL'allineamento delle immagini \u00e8 una delle caratteristiche principali. Non importa se aggiungi il blocco immagine WordPress in Post o Pagina, dovresti sempre considerare il posizionamento in base al design del sito web. Sulla base di tale allineamento dell'immagine pu\u00f2 essere scelto nella barra degli strumenti sopra di essa. Per impostazione predefinita puoi allineare l'immagine a sinistra, a destra o al centro. Alcuni temi WordPress consentono di centrare le immagini in larghezza o larghezza intera. Dipende davvero dalle funzionalit\u00e0 del tema poich\u00e9 non tutti i temi lo supportano.<\/p>\n\n\n\n
![\"Impostazioni](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-align.gif\")
<\/a>Opzioni di allineamento dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Ridimensionamento delle immagini<\/span><\/h3>\n\n\n\nLa caratteristica rivoluzionaria del blocco immagine nell'editor di WordPress \u00e8 il pratico ridimensionamento. Basta trascinare il lato dell'immagine per rimpicciolirla o ingrandirla. In questo modo puoi modificare le dimensioni dell'immagine in base al testo nel contenuto. L'editor mantiene automaticamente le proporzioni dell'immagine, il che significa che non devi preoccuparti delle deformazioni.<\/p>\n\n\n\n
![\"Ridimensionamento](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-resize.gif\")
<\/a>Ridimensionamento uniforme dell'immagine catturandone le maniglie<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Nuovo stile di blocco che trasforma un'immagine in una forma circolare<\/span><\/h3>\n\n\n\nSe stai utilizzando l'ultima versione disponibile di WordPress potresti aver notato un nuovo stile di ritaglio circolare che puoi utilizzare per la tua immagine. La forma dell'immagine pu\u00f2 essere modificata tramite la barra degli strumenti in alto facendo clic sulla prima icona "Cambia tipo o stile blocco". La forma predefinita (rettangolo) verr\u00e0 tagliata a forma di cerchio.<\/p>\n\n\n\n![\"Forma](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/circle-style-of-wordpress-images.png\")
Il nuovo design in stile cerchio per le tue immagini<\/figcaption><\/figure>\n\n\n\n<\/span>Nuove funzionalit\u00e0 nel blocco Immagini di WordPress (aggiunto in WP 5.3)<\/span><\/h3>\n\n\n\n<\/span>Supporto per immagini ad alta risoluzione<\/span><\/h4>\n\n\n\nUno dei maggiori punti salienti del WP 5.3 \u00e8 il miglioramento dell'elaborazione delle immagini sulla piattaforma WordPress. Lavorare con le immagini ha ora due caratteristiche principali:<\/p>\n\n\n\n
- Ripresa del caricamento: se stai caricando foto ad alta risoluzione e la connessione Internet non riesce, il processo di caricamento riprender\u00e0 automaticamente dal punto interrotto<\/li>
- Rotazione automatica delle immagini: l'ultima versione WP rilasciata garantisce che le immagini ruotate in modo errato ruotino automaticamente nella posizione corretta quando vengono caricate<\/li><\/ol>\n\n\n\n
<\/span>Impostazioni in Ispettore<\/span><\/h3>\n\n\n\nPer configurare le dimensioni esatte puoi utilizzare l'Inspector sulla barra laterale destra nell'editor. Le impostazioni della dimensione dell'immagine offrono formati pronti all'uso come miniatura, media, grande o dimensione intera. Ovviamente puoi impostare la larghezza e l'altezza in pixel o in percentuale.<\/p>\n\n\n\n
![\"Impostazioni](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-settings.png\")
<\/a>Impostazioni della dimensione dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n\u00c8 molto veloce e pratico perch\u00e9 puoi apportare tutte le modifiche al ridimensionamento delle immagini direttamente all'interno del blocco Immagini di WordPress e tutto in un unico posto nell'editor di blocchi.<\/p>\n\n\n\n
<\/span><\/a>Altre impostazioni di blocco delle immagini<\/span><\/h2>\n\n\n\n<\/span>Come aggiungere un indirizzo URL<\/span><\/h3>\n\n\n\nLe immagini possono essere utilizzate come immagini statiche oppure possono essere anche cliccabili e linkate a:<\/p>\n\n\n\n
- File multimediale<\/li>
- Pagina allegato<\/li>
- URL personalizzato<\/li><\/ul>\n\n\n\n
![\"Impostazioni](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-link-settings.png\")
<\/a>Impostazioni del collegamento immagine disponibili<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Come modificare l'immagine nel blocco immagine di WordPress<\/span><\/h3>\n\n\n\nOgni immagine pu\u00f2 essere modificata dopo aver fatto clic sull'icona della matita. Verr\u00e0 aperta la finestra modale con la Libreria multimediale in cui \u00e8 possibile scrivere testo alternativo, titolo, didascalia e descrizione. Allo stesso modo in cui sei gi\u00e0 abituato a farlo nella versione precedente di WordPress con l'editor classico.<\/p>\n\n\n\n
![\"Dettagli](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/media-library.png\")
<\/a>Dettagli dell'immagine che dovresti compilare per migliorare la SEO del tuo sito web<\/figcaption><\/figure><\/div>\n\n\n\nPerch\u00e9 \u00e8 importante compilare questi testi?<\/p>\n\n\n\n
Se i visitatori fanno clic sull'immagine per ingrandirla, vedranno il titolo dell'immagine (ad esempio Citadela homepage) e non il nome file dell'immagine. Inoltre, in caso di problemi con il caricamento dell'immagine, sul tuo sito web verr\u00e0 visualizzato un testo alternativo.<\/p>\n\n\n\n
<\/span><\/a>Suggerimenti extra<\/span><\/h3>\n\n\n\nOltre a tutti questi motivi e impostazioni per i blocchi di immagini di WordPress, c'\u00e8 la cosa pi\u00f9 importante. Potresti ottenere pi\u00f9 visitatori sul tuo sito web utilizzando le immagini. Allora come ottenerli?<\/p>\n\n\n\n
Al giorno d'oggi le persone sono pigre da leggere. Preferiscono scorrere le immagini per trovare le risposte. Come mai le tue foto e immagini possono classificarsi? I testi sono la risposta. Molto importante per l'ottimizzazione SEO \u00e8 il titolo e la descrizione dell'immagine perfetti. Non dimenticare di compilare Testo alternativo. Quindi Google pu\u00f2 comprendere meglio l'immagine. Quindi avresti maggiori possibilit\u00e0 di classificarlo nei risultati della ricerca di immagini.<\/p>\n\n\n\n
<\/span>2 modi per aggiungere una didascalia all'immagine<\/span><\/h3>\n\n\n\nL'aggiunta della didascalia dell'immagine \u00e8 molto semplice tramite l'editor di blocchi. Proprio sotto l'immagine c'\u00e8 uno spazio per scrivere il testo. Questo \u00e8 il primo modo: la didascalia viene scritta su questa immagine esatta su una determinata sottopagina.<\/p>\n\n\n\n
Le immagini attirano l'attenzione dei visitatori del sito web. Devono essere interessanti per mantenere i visitatori sul tuo sito web pi\u00f9 a lungo. Pensa a un post sul blog senza immagini. \u00c8 solo un mucchio di testo. A prima vista non \u00e8 molto interessante anche se potrebbe essere prezioso e ricco di informazioni. Inoltre le foto possono aiutare a immaginare e descrivere meglio il tuo argomento.<\/p>\n\n\n\n
Per questo motivo abbiamo bisogno di utilizzare il blocco immagine di WordPress per focalizzare l'attenzione su cose importanti.<\/p>\n\n\n\n
<\/a><\/span>Testo illustrativo e contesto<\/span><\/h3>\n\n\n\nLe immagini sono anche una parte essenziale per comprendere i contenuti perch\u00e9 consentono ai visitatori di capire meglio di cosa tratta l'articolo. Grazie alle infografiche puoi spiegare connessioni complicate e raccontare cose in modo semplice. Aiuta i visitatori ad orientarsi meglio nel problema di cui parli.<\/p>\n\n\n\n
<\/a>Infografica per una migliore spiegazione del testo<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Rendi il sito web pi\u00f9 bello<\/span><\/h3>\n\n\n\nInoltre, le immagini danno il tocco finale all'intero design del sito web. Non si tratta solo di layout del sito Web, ma anche di usabilit\u00e0. L'immagine scelta e posizionata correttamente pu\u00f2 aiutare il visitatore a navigare pi\u00f9 facilmente nel tuo sito web.<\/p>\n\n\n\n
<\/span><\/a>Come aggiungere immagini nell'editor di blocchi di WordPress<\/span><\/h2>\n\n\n\nPer inserire un'immagine in un articolo o in una pagina \u00e8 necessario aggiungere il blocco principale: blocco immagine. Ci sono molti modi per farlo:<\/p>\n\n\n\n
\u2013 Usando "+" nella barra in alto o in qualsiasi punto dell'editor<\/p>\n\n\n\n
<\/a>Aggiunta del blocco immagine di WordPress facendo clic su "+"<\/figcaption><\/figure><\/div>\n\n\n\n\u2013 Utilizzando la barra "\/" e scrivendo successivamente la parola "immagine".<\/p>\n\n\n\n
<\/a>Aggiunta di un blocco immagine utilizzando la barra "\/"<\/figcaption><\/figure><\/div>\n\n\n\nVerr\u00e0 creato un nuovo blocco in cui \u00e8 possibile aggiungere immagini reali.<\/p>\n\n\n\n
<\/span>Caricamento immagini su WordPress<\/span><\/h3>\n\n\n\nCome mettere le immagini l\u00ec dove vuoi?<\/p>\n\n\n\n
- Usa Carica e seleziona un'immagine dal tuo disco rigido<\/li>
- Usa la Libreria multimediale, dove puoi selezionare le immagini che erano gi\u00e0 state caricate sul tuo sito web<\/li>
- Usa il mouse e trascina e rilascia l'immagine<\/li>
- Inserisci l'indirizzo URL dell'immagine<\/li><\/ul>\n\n\n\n
<\/a>Opzioni disponibili per il caricamento delle immagini: una di queste \u00e8 il trascinamento dell'immagine dalla cartella<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Metodo meno noto per aggiungere immagini WordPress<\/span><\/h3>\n\n\n\nOltre a caricare le immagini attraverso la finestra di caricamento come accennato in precedenza, c'\u00e8 un altro modo per inserire l'immagine (ed \u00e8 un modo cos\u00ec veloce!). Con l'editor WordPress migliorato, puoi:<\/p>\n\n\n\n
- Copia l'immagine da qualsiasi contenuto, o<\/li>
- Basta "trascinare" l'immagine con il cursore del mouse<\/li><\/ul>\n\n\n\n
Quindi inserire o spostare (rilasciare) l'immagine selezionata nella posizione desiderata nell'area del contenuto.<\/p>\n\n\n\n
Trascina l'immagine selezionata e rilasciala dove \u00e8 necessario (direttamente nell'editor di WordPress)<\/figcaption><\/figure><\/div>\n\n\n\nLa stessa tecnica che puoi utilizzare anche nel caso in cui desideri incollare un'immagine catturata dal tuo schermo. Sono necessari solo tre semplici passaggi. Primo, devi fare uno screenshot<\/strong> utilizzando la funzione di stampa dello schermo. Ad esempio, Windows 10 fornisce il suo strumento Snippet predefinito chiamato Snip & Sketch, che \u00e8 disponibile anche tramite una scorciatoia: basta premere i tasti Win + Maiusc + S insieme sulla tastiera. Quindi selezionare l'area dell'immagine che si desidera acquisire. L'ultimo passaggio consiste nell'incollare l'immagine copiata (o parte di essa) nell'area del contenuto utilizzando la scorciatoia di base Ctrl+V.<\/p>\n\n\n\nE cosa succede all'immagine di WordPress che hai incollato nel tuo editor? Bene, viene automaticamente aggiunto alla Libreria multimediale dove puoi modificare questa immagine.<\/p>\n\n\n\n
<\/span>Opzioni limitate per i metadati delle immagini<\/span><\/h4>\n\n\n\nAll'interno della modifica delle immagini \u00e8 possibile impostare il titolo, la didascalia, la descrizione e il testo alternativo. Sfortunatamente, non puoi cambiare il nome del file dell'immagine: manterr\u00e0 il suo nome generato automaticamente, ad esempio immagine-1.png<\/em> e cos\u00ec via. Questo tipo di nome file pu\u00f2 essere un piccolo svantaggio in termini di ottimizzazione SEO a causa del conflitto con i consigli di denominazione dei file. Pertanto, \u00e8 necessario considerare questo aspetto prima di spostare le immagini di WordPress nell'area del contenuto.<\/p>\n\n\n\n<\/span>Allineamento dell'immagine<\/span><\/h3>\n\n\n\nL'allineamento delle immagini \u00e8 una delle caratteristiche principali. Non importa se aggiungi il blocco immagine WordPress in Post o Pagina, dovresti sempre considerare il posizionamento in base al design del sito web. Sulla base di tale allineamento dell'immagine pu\u00f2 essere scelto nella barra degli strumenti sopra di essa. Per impostazione predefinita puoi allineare l'immagine a sinistra, a destra o al centro. Alcuni temi WordPress consentono di centrare le immagini in larghezza o larghezza intera. Dipende davvero dalle funzionalit\u00e0 del tema poich\u00e9 non tutti i temi lo supportano.<\/p>\n\n\n\n
<\/a>Opzioni di allineamento dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Ridimensionamento delle immagini<\/span><\/h3>\n\n\n\nLa caratteristica rivoluzionaria del blocco immagine nell'editor di WordPress \u00e8 il pratico ridimensionamento. Basta trascinare il lato dell'immagine per rimpicciolirla o ingrandirla. In questo modo puoi modificare le dimensioni dell'immagine in base al testo nel contenuto. L'editor mantiene automaticamente le proporzioni dell'immagine, il che significa che non devi preoccuparti delle deformazioni.<\/p>\n\n\n\n
<\/a>Ridimensionamento uniforme dell'immagine catturandone le maniglie<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Nuovo stile di blocco che trasforma un'immagine in una forma circolare<\/span><\/h3>\n\n\n\nSe stai utilizzando l'ultima versione disponibile di WordPress potresti aver notato un nuovo stile di ritaglio circolare che puoi utilizzare per la tua immagine. La forma dell'immagine pu\u00f2 essere modificata tramite la barra degli strumenti in alto facendo clic sulla prima icona "Cambia tipo o stile blocco". La forma predefinita (rettangolo) verr\u00e0 tagliata a forma di cerchio.<\/p>\n\n\n\nIl nuovo design in stile cerchio per le tue immagini<\/figcaption><\/figure>\n\n\n\n<\/span>Nuove funzionalit\u00e0 nel blocco Immagini di WordPress (aggiunto in WP 5.3)<\/span><\/h3>\n\n\n\n<\/span>Supporto per immagini ad alta risoluzione<\/span><\/h4>\n\n\n\nUno dei maggiori punti salienti del WP 5.3 \u00e8 il miglioramento dell'elaborazione delle immagini sulla piattaforma WordPress. Lavorare con le immagini ha ora due caratteristiche principali:<\/p>\n\n\n\n
- Ripresa del caricamento: se stai caricando foto ad alta risoluzione e la connessione Internet non riesce, il processo di caricamento riprender\u00e0 automaticamente dal punto interrotto<\/li>
- Rotazione automatica delle immagini: l'ultima versione WP rilasciata garantisce che le immagini ruotate in modo errato ruotino automaticamente nella posizione corretta quando vengono caricate<\/li><\/ol>\n\n\n\n
<\/span>Impostazioni in Ispettore<\/span><\/h3>\n\n\n\nPer configurare le dimensioni esatte puoi utilizzare l'Inspector sulla barra laterale destra nell'editor. Le impostazioni della dimensione dell'immagine offrono formati pronti all'uso come miniatura, media, grande o dimensione intera. Ovviamente puoi impostare la larghezza e l'altezza in pixel o in percentuale.<\/p>\n\n\n\n
<\/a>Impostazioni della dimensione dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n\u00c8 molto veloce e pratico perch\u00e9 puoi apportare tutte le modifiche al ridimensionamento delle immagini direttamente all'interno del blocco Immagini di WordPress e tutto in un unico posto nell'editor di blocchi.<\/p>\n\n\n\n
<\/span><\/a>Altre impostazioni di blocco delle immagini<\/span><\/h2>\n\n\n\n<\/span>Come aggiungere un indirizzo URL<\/span><\/h3>\n\n\n\nLe immagini possono essere utilizzate come immagini statiche oppure possono essere anche cliccabili e linkate a:<\/p>\n\n\n\n
- File multimediale<\/li>
- Pagina allegato<\/li>
- URL personalizzato<\/li><\/ul>\n\n\n\n
<\/a>Impostazioni del collegamento immagine disponibili<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Come modificare l'immagine nel blocco immagine di WordPress<\/span><\/h3>\n\n\n\nOgni immagine pu\u00f2 essere modificata dopo aver fatto clic sull'icona della matita. Verr\u00e0 aperta la finestra modale con la Libreria multimediale in cui \u00e8 possibile scrivere testo alternativo, titolo, didascalia e descrizione. Allo stesso modo in cui sei gi\u00e0 abituato a farlo nella versione precedente di WordPress con l'editor classico.<\/p>\n\n\n\n
<\/a>Dettagli dell'immagine che dovresti compilare per migliorare la SEO del tuo sito web<\/figcaption><\/figure><\/div>\n\n\n\nPerch\u00e9 \u00e8 importante compilare questi testi?<\/p>\n\n\n\n
Se i visitatori fanno clic sull'immagine per ingrandirla, vedranno il titolo dell'immagine (ad esempio Citadela homepage) e non il nome file dell'immagine. Inoltre, in caso di problemi con il caricamento dell'immagine, sul tuo sito web verr\u00e0 visualizzato un testo alternativo.<\/p>\n\n\n\n
<\/span><\/a>Suggerimenti extra<\/span><\/h3>\n\n\n\nOltre a tutti questi motivi e impostazioni per i blocchi di immagini di WordPress, c'\u00e8 la cosa pi\u00f9 importante. Potresti ottenere pi\u00f9 visitatori sul tuo sito web utilizzando le immagini. Allora come ottenerli?<\/p>\n\n\n\n
Al giorno d'oggi le persone sono pigre da leggere. Preferiscono scorrere le immagini per trovare le risposte. Come mai le tue foto e immagini possono classificarsi? I testi sono la risposta. Molto importante per l'ottimizzazione SEO \u00e8 il titolo e la descrizione dell'immagine perfetti. Non dimenticare di compilare Testo alternativo. Quindi Google pu\u00f2 comprendere meglio l'immagine. Quindi avresti maggiori possibilit\u00e0 di classificarlo nei risultati della ricerca di immagini.<\/p>\n\n\n\n
<\/span>2 modi per aggiungere una didascalia all'immagine<\/span><\/h3>\n\n\n\nL'aggiunta della didascalia dell'immagine \u00e8 molto semplice tramite l'editor di blocchi. Proprio sotto l'immagine c'\u00e8 uno spazio per scrivere il testo. Questo \u00e8 il primo modo: la didascalia viene scritta su questa immagine esatta su una determinata sottopagina.<\/p>\n\n\n\n
<\/a><\/span>Rendi il sito web pi\u00f9 bello<\/span><\/h3>\n\n\n\nInoltre, le immagini danno il tocco finale all'intero design del sito web. Non si tratta solo di layout del sito Web, ma anche di usabilit\u00e0. L'immagine scelta e posizionata correttamente pu\u00f2 aiutare il visitatore a navigare pi\u00f9 facilmente nel tuo sito web.<\/p>\n\n\n\n
<\/span><\/a>Come aggiungere immagini nell'editor di blocchi di WordPress<\/span><\/h2>\n\n\n\nPer inserire un'immagine in un articolo o in una pagina \u00e8 necessario aggiungere il blocco principale: blocco immagine. Ci sono molti modi per farlo:<\/p>\n\n\n\n
\u2013 Usando "+" nella barra in alto o in qualsiasi punto dell'editor<\/p>\n\n\n\n
<\/a>Aggiunta del blocco immagine di WordPress facendo clic su "+"<\/figcaption><\/figure><\/div>\n\n\n\n\u2013 Utilizzando la barra "\/" e scrivendo successivamente la parola "immagine".<\/p>\n\n\n\n
<\/a>Aggiunta di un blocco immagine utilizzando la barra "\/"<\/figcaption><\/figure><\/div>\n\n\n\nVerr\u00e0 creato un nuovo blocco in cui \u00e8 possibile aggiungere immagini reali.<\/p>\n\n\n\n
<\/span>Caricamento immagini su WordPress<\/span><\/h3>\n\n\n\nCome mettere le immagini l\u00ec dove vuoi?<\/p>\n\n\n\n
- Usa Carica e seleziona un'immagine dal tuo disco rigido<\/li>
- Usa la Libreria multimediale, dove puoi selezionare le immagini che erano gi\u00e0 state caricate sul tuo sito web<\/li>
- Usa il mouse e trascina e rilascia l'immagine<\/li>
- Inserisci l'indirizzo URL dell'immagine<\/li><\/ul>\n\n\n\n
<\/a>Opzioni disponibili per il caricamento delle immagini: una di queste \u00e8 il trascinamento dell'immagine dalla cartella<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Metodo meno noto per aggiungere immagini WordPress<\/span><\/h3>\n\n\n\nOltre a caricare le immagini attraverso la finestra di caricamento come accennato in precedenza, c'\u00e8 un altro modo per inserire l'immagine (ed \u00e8 un modo cos\u00ec veloce!). Con l'editor WordPress migliorato, puoi:<\/p>\n\n\n\n
- Copia l'immagine da qualsiasi contenuto, o<\/li>
- Basta "trascinare" l'immagine con il cursore del mouse<\/li><\/ul>\n\n\n\n
Quindi inserire o spostare (rilasciare) l'immagine selezionata nella posizione desiderata nell'area del contenuto.<\/p>\n\n\n\n
Trascina l'immagine selezionata e rilasciala dove \u00e8 necessario (direttamente nell'editor di WordPress)<\/figcaption><\/figure><\/div>\n\n\n\nLa stessa tecnica che puoi utilizzare anche nel caso in cui desideri incollare un'immagine catturata dal tuo schermo. Sono necessari solo tre semplici passaggi. Primo, devi fare uno screenshot<\/strong> utilizzando la funzione di stampa dello schermo. Ad esempio, Windows 10 fornisce il suo strumento Snippet predefinito chiamato Snip & Sketch, che \u00e8 disponibile anche tramite una scorciatoia: basta premere i tasti Win + Maiusc + S insieme sulla tastiera. Quindi selezionare l'area dell'immagine che si desidera acquisire. L'ultimo passaggio consiste nell'incollare l'immagine copiata (o parte di essa) nell'area del contenuto utilizzando la scorciatoia di base Ctrl+V.<\/p>\n\n\n\nE cosa succede all'immagine di WordPress che hai incollato nel tuo editor? Bene, viene automaticamente aggiunto alla Libreria multimediale dove puoi modificare questa immagine.<\/p>\n\n\n\n
<\/span>Opzioni limitate per i metadati delle immagini<\/span><\/h4>\n\n\n\nAll'interno della modifica delle immagini \u00e8 possibile impostare il titolo, la didascalia, la descrizione e il testo alternativo. Sfortunatamente, non puoi cambiare il nome del file dell'immagine: manterr\u00e0 il suo nome generato automaticamente, ad esempio immagine-1.png<\/em> e cos\u00ec via. Questo tipo di nome file pu\u00f2 essere un piccolo svantaggio in termini di ottimizzazione SEO a causa del conflitto con i consigli di denominazione dei file. Pertanto, \u00e8 necessario considerare questo aspetto prima di spostare le immagini di WordPress nell'area del contenuto.<\/p>\n\n\n\n<\/span>Allineamento dell'immagine<\/span><\/h3>\n\n\n\nL'allineamento delle immagini \u00e8 una delle caratteristiche principali. Non importa se aggiungi il blocco immagine WordPress in Post o Pagina, dovresti sempre considerare il posizionamento in base al design del sito web. Sulla base di tale allineamento dell'immagine pu\u00f2 essere scelto nella barra degli strumenti sopra di essa. Per impostazione predefinita puoi allineare l'immagine a sinistra, a destra o al centro. Alcuni temi WordPress consentono di centrare le immagini in larghezza o larghezza intera. Dipende davvero dalle funzionalit\u00e0 del tema poich\u00e9 non tutti i temi lo supportano.<\/p>\n\n\n\n
<\/a>Opzioni di allineamento dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Ridimensionamento delle immagini<\/span><\/h3>\n\n\n\nLa caratteristica rivoluzionaria del blocco immagine nell'editor di WordPress \u00e8 il pratico ridimensionamento. Basta trascinare il lato dell'immagine per rimpicciolirla o ingrandirla. In questo modo puoi modificare le dimensioni dell'immagine in base al testo nel contenuto. L'editor mantiene automaticamente le proporzioni dell'immagine, il che significa che non devi preoccuparti delle deformazioni.<\/p>\n\n\n\n
<\/a>Ridimensionamento uniforme dell'immagine catturandone le maniglie<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Nuovo stile di blocco che trasforma un'immagine in una forma circolare<\/span><\/h3>\n\n\n\nSe stai utilizzando l'ultima versione disponibile di WordPress potresti aver notato un nuovo stile di ritaglio circolare che puoi utilizzare per la tua immagine. La forma dell'immagine pu\u00f2 essere modificata tramite la barra degli strumenti in alto facendo clic sulla prima icona "Cambia tipo o stile blocco". La forma predefinita (rettangolo) verr\u00e0 tagliata a forma di cerchio.<\/p>\n\n\n\nIl nuovo design in stile cerchio per le tue immagini<\/figcaption><\/figure>\n\n\n\n<\/span>Nuove funzionalit\u00e0 nel blocco Immagini di WordPress (aggiunto in WP 5.3)<\/span><\/h3>\n\n\n\n<\/span>Supporto per immagini ad alta risoluzione<\/span><\/h4>\n\n\n\nUno dei maggiori punti salienti del WP 5.3 \u00e8 il miglioramento dell'elaborazione delle immagini sulla piattaforma WordPress. Lavorare con le immagini ha ora due caratteristiche principali:<\/p>\n\n\n\n
- Ripresa del caricamento: se stai caricando foto ad alta risoluzione e la connessione Internet non riesce, il processo di caricamento riprender\u00e0 automaticamente dal punto interrotto<\/li>
- Rotazione automatica delle immagini: l'ultima versione WP rilasciata garantisce che le immagini ruotate in modo errato ruotino automaticamente nella posizione corretta quando vengono caricate<\/li><\/ol>\n\n\n\n
<\/span>Impostazioni in Ispettore<\/span><\/h3>\n\n\n\nPer configurare le dimensioni esatte puoi utilizzare l'Inspector sulla barra laterale destra nell'editor. Le impostazioni della dimensione dell'immagine offrono formati pronti all'uso come miniatura, media, grande o dimensione intera. Ovviamente puoi impostare la larghezza e l'altezza in pixel o in percentuale.<\/p>\n\n\n\n
<\/a>Impostazioni della dimensione dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n\u00c8 molto veloce e pratico perch\u00e9 puoi apportare tutte le modifiche al ridimensionamento delle immagini direttamente all'interno del blocco Immagini di WordPress e tutto in un unico posto nell'editor di blocchi.<\/p>\n\n\n\n
<\/span><\/a>Altre impostazioni di blocco delle immagini<\/span><\/h2>\n\n\n\n<\/span>Come aggiungere un indirizzo URL<\/span><\/h3>\n\n\n\nLe immagini possono essere utilizzate come immagini statiche oppure possono essere anche cliccabili e linkate a:<\/p>\n\n\n\n
- File multimediale<\/li>
- Pagina allegato<\/li>
- URL personalizzato<\/li><\/ul>\n\n\n\n
<\/a>Impostazioni del collegamento immagine disponibili<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Come modificare l'immagine nel blocco immagine di WordPress<\/span><\/h3>\n\n\n\nOgni immagine pu\u00f2 essere modificata dopo aver fatto clic sull'icona della matita. Verr\u00e0 aperta la finestra modale con la Libreria multimediale in cui \u00e8 possibile scrivere testo alternativo, titolo, didascalia e descrizione. Allo stesso modo in cui sei gi\u00e0 abituato a farlo nella versione precedente di WordPress con l'editor classico.<\/p>\n\n\n\n
<\/a>Dettagli dell'immagine che dovresti compilare per migliorare la SEO del tuo sito web<\/figcaption><\/figure><\/div>\n\n\n\nPerch\u00e9 \u00e8 importante compilare questi testi?<\/p>\n\n\n\n
Se i visitatori fanno clic sull'immagine per ingrandirla, vedranno il titolo dell'immagine (ad esempio Citadela homepage) e non il nome file dell'immagine. Inoltre, in caso di problemi con il caricamento dell'immagine, sul tuo sito web verr\u00e0 visualizzato un testo alternativo.<\/p>\n\n\n\n
<\/span><\/a>Suggerimenti extra<\/span><\/h3>\n\n\n\nOltre a tutti questi motivi e impostazioni per i blocchi di immagini di WordPress, c'\u00e8 la cosa pi\u00f9 importante. Potresti ottenere pi\u00f9 visitatori sul tuo sito web utilizzando le immagini. Allora come ottenerli?<\/p>\n\n\n\n
Al giorno d'oggi le persone sono pigre da leggere. Preferiscono scorrere le immagini per trovare le risposte. Come mai le tue foto e immagini possono classificarsi? I testi sono la risposta. Molto importante per l'ottimizzazione SEO \u00e8 il titolo e la descrizione dell'immagine perfetti. Non dimenticare di compilare Testo alternativo. Quindi Google pu\u00f2 comprendere meglio l'immagine. Quindi avresti maggiori possibilit\u00e0 di classificarlo nei risultati della ricerca di immagini.<\/p>\n\n\n\n
<\/span>2 modi per aggiungere una didascalia all'immagine<\/span><\/h3>\n\n\n\nL'aggiunta della didascalia dell'immagine \u00e8 molto semplice tramite l'editor di blocchi. Proprio sotto l'immagine c'\u00e8 uno spazio per scrivere il testo. Questo \u00e8 il primo modo: la didascalia viene scritta su questa immagine esatta su una determinata sottopagina.<\/p>\n\n\n\n
Per inserire un'immagine in un articolo o in una pagina \u00e8 necessario aggiungere il blocco principale: blocco immagine. Ci sono molti modi per farlo:<\/p>\n\n\n\n
\u2013 Usando "+" nella barra in alto o in qualsiasi punto dell'editor<\/p>\n\n\n\n
<\/a>\u2013 Utilizzando la barra "\/" e scrivendo successivamente la parola "immagine".<\/p>\n\n\n\n
<\/a>Verr\u00e0 creato un nuovo blocco in cui \u00e8 possibile aggiungere immagini reali.<\/p>\n\n\n\n
<\/span>Caricamento immagini su WordPress<\/span><\/h3>\n\n\n\nCome mettere le immagini l\u00ec dove vuoi?<\/p>\n\n\n\n
- Usa Carica e seleziona un'immagine dal tuo disco rigido<\/li>
- Usa la Libreria multimediale, dove puoi selezionare le immagini che erano gi\u00e0 state caricate sul tuo sito web<\/li>
- Usa il mouse e trascina e rilascia l'immagine<\/li>
- Inserisci l'indirizzo URL dell'immagine<\/li><\/ul>\n\n\n\n
<\/a>Opzioni disponibili per il caricamento delle immagini: una di queste \u00e8 il trascinamento dell'immagine dalla cartella<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Metodo meno noto per aggiungere immagini WordPress<\/span><\/h3>\n\n\n\nOltre a caricare le immagini attraverso la finestra di caricamento come accennato in precedenza, c'\u00e8 un altro modo per inserire l'immagine (ed \u00e8 un modo cos\u00ec veloce!). Con l'editor WordPress migliorato, puoi:<\/p>\n\n\n\n
- Copia l'immagine da qualsiasi contenuto, o<\/li>
- Basta "trascinare" l'immagine con il cursore del mouse<\/li><\/ul>\n\n\n\n
Quindi inserire o spostare (rilasciare) l'immagine selezionata nella posizione desiderata nell'area del contenuto.<\/p>\n\n\n\n
Trascina l'immagine selezionata e rilasciala dove \u00e8 necessario (direttamente nell'editor di WordPress)<\/figcaption><\/figure><\/div>\n\n\n\nLa stessa tecnica che puoi utilizzare anche nel caso in cui desideri incollare un'immagine catturata dal tuo schermo. Sono necessari solo tre semplici passaggi. Primo, devi fare uno screenshot<\/strong> utilizzando la funzione di stampa dello schermo. Ad esempio, Windows 10 fornisce il suo strumento Snippet predefinito chiamato Snip & Sketch, che \u00e8 disponibile anche tramite una scorciatoia: basta premere i tasti Win + Maiusc + S insieme sulla tastiera. Quindi selezionare l'area dell'immagine che si desidera acquisire. L'ultimo passaggio consiste nell'incollare l'immagine copiata (o parte di essa) nell'area del contenuto utilizzando la scorciatoia di base Ctrl+V.<\/p>\n\n\n\nE cosa succede all'immagine di WordPress che hai incollato nel tuo editor? Bene, viene automaticamente aggiunto alla Libreria multimediale dove puoi modificare questa immagine.<\/p>\n\n\n\n
<\/span>Opzioni limitate per i metadati delle immagini<\/span><\/h4>\n\n\n\nAll'interno della modifica delle immagini \u00e8 possibile impostare il titolo, la didascalia, la descrizione e il testo alternativo. Sfortunatamente, non puoi cambiare il nome del file dell'immagine: manterr\u00e0 il suo nome generato automaticamente, ad esempio immagine-1.png<\/em> e cos\u00ec via. Questo tipo di nome file pu\u00f2 essere un piccolo svantaggio in termini di ottimizzazione SEO a causa del conflitto con i consigli di denominazione dei file. Pertanto, \u00e8 necessario considerare questo aspetto prima di spostare le immagini di WordPress nell'area del contenuto.<\/p>\n\n\n\n<\/span>Allineamento dell'immagine<\/span><\/h3>\n\n\n\nL'allineamento delle immagini \u00e8 una delle caratteristiche principali. Non importa se aggiungi il blocco immagine WordPress in Post o Pagina, dovresti sempre considerare il posizionamento in base al design del sito web. Sulla base di tale allineamento dell'immagine pu\u00f2 essere scelto nella barra degli strumenti sopra di essa. Per impostazione predefinita puoi allineare l'immagine a sinistra, a destra o al centro. Alcuni temi WordPress consentono di centrare le immagini in larghezza o larghezza intera. Dipende davvero dalle funzionalit\u00e0 del tema poich\u00e9 non tutti i temi lo supportano.<\/p>\n\n\n\n
<\/a>Opzioni di allineamento dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Ridimensionamento delle immagini<\/span><\/h3>\n\n\n\nLa caratteristica rivoluzionaria del blocco immagine nell'editor di WordPress \u00e8 il pratico ridimensionamento. Basta trascinare il lato dell'immagine per rimpicciolirla o ingrandirla. In questo modo puoi modificare le dimensioni dell'immagine in base al testo nel contenuto. L'editor mantiene automaticamente le proporzioni dell'immagine, il che significa che non devi preoccuparti delle deformazioni.<\/p>\n\n\n\n
<\/a>Ridimensionamento uniforme dell'immagine catturandone le maniglie<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Nuovo stile di blocco che trasforma un'immagine in una forma circolare<\/span><\/h3>\n\n\n\nSe stai utilizzando l'ultima versione disponibile di WordPress potresti aver notato un nuovo stile di ritaglio circolare che puoi utilizzare per la tua immagine. La forma dell'immagine pu\u00f2 essere modificata tramite la barra degli strumenti in alto facendo clic sulla prima icona "Cambia tipo o stile blocco". La forma predefinita (rettangolo) verr\u00e0 tagliata a forma di cerchio.<\/p>\n\n\n\nIl nuovo design in stile cerchio per le tue immagini<\/figcaption><\/figure>\n\n\n\n<\/span>Nuove funzionalit\u00e0 nel blocco Immagini di WordPress (aggiunto in WP 5.3)<\/span><\/h3>\n\n\n\n<\/span>Supporto per immagini ad alta risoluzione<\/span><\/h4>\n\n\n\nUno dei maggiori punti salienti del WP 5.3 \u00e8 il miglioramento dell'elaborazione delle immagini sulla piattaforma WordPress. Lavorare con le immagini ha ora due caratteristiche principali:<\/p>\n\n\n\n
- Ripresa del caricamento: se stai caricando foto ad alta risoluzione e la connessione Internet non riesce, il processo di caricamento riprender\u00e0 automaticamente dal punto interrotto<\/li>
- Rotazione automatica delle immagini: l'ultima versione WP rilasciata garantisce che le immagini ruotate in modo errato ruotino automaticamente nella posizione corretta quando vengono caricate<\/li><\/ol>\n\n\n\n
<\/span>Impostazioni in Ispettore<\/span><\/h3>\n\n\n\nPer configurare le dimensioni esatte puoi utilizzare l'Inspector sulla barra laterale destra nell'editor. Le impostazioni della dimensione dell'immagine offrono formati pronti all'uso come miniatura, media, grande o dimensione intera. Ovviamente puoi impostare la larghezza e l'altezza in pixel o in percentuale.<\/p>\n\n\n\n
<\/a>Impostazioni della dimensione dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n\u00c8 molto veloce e pratico perch\u00e9 puoi apportare tutte le modifiche al ridimensionamento delle immagini direttamente all'interno del blocco Immagini di WordPress e tutto in un unico posto nell'editor di blocchi.<\/p>\n\n\n\n
<\/span><\/a>Altre impostazioni di blocco delle immagini<\/span><\/h2>\n\n\n\n<\/span>Come aggiungere un indirizzo URL<\/span><\/h3>\n\n\n\nLe immagini possono essere utilizzate come immagini statiche oppure possono essere anche cliccabili e linkate a:<\/p>\n\n\n\n
- File multimediale<\/li>
- Pagina allegato<\/li>
- URL personalizzato<\/li><\/ul>\n\n\n\n
<\/a>Impostazioni del collegamento immagine disponibili<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Come modificare l'immagine nel blocco immagine di WordPress<\/span><\/h3>\n\n\n\nOgni immagine pu\u00f2 essere modificata dopo aver fatto clic sull'icona della matita. Verr\u00e0 aperta la finestra modale con la Libreria multimediale in cui \u00e8 possibile scrivere testo alternativo, titolo, didascalia e descrizione. Allo stesso modo in cui sei gi\u00e0 abituato a farlo nella versione precedente di WordPress con l'editor classico.<\/p>\n\n\n\n
<\/a>Dettagli dell'immagine che dovresti compilare per migliorare la SEO del tuo sito web<\/figcaption><\/figure><\/div>\n\n\n\nPerch\u00e9 \u00e8 importante compilare questi testi?<\/p>\n\n\n\n
Se i visitatori fanno clic sull'immagine per ingrandirla, vedranno il titolo dell'immagine (ad esempio Citadela homepage) e non il nome file dell'immagine. Inoltre, in caso di problemi con il caricamento dell'immagine, sul tuo sito web verr\u00e0 visualizzato un testo alternativo.<\/p>\n\n\n\n
<\/span><\/a>Suggerimenti extra<\/span><\/h3>\n\n\n\nOltre a tutti questi motivi e impostazioni per i blocchi di immagini di WordPress, c'\u00e8 la cosa pi\u00f9 importante. Potresti ottenere pi\u00f9 visitatori sul tuo sito web utilizzando le immagini. Allora come ottenerli?<\/p>\n\n\n\n
Al giorno d'oggi le persone sono pigre da leggere. Preferiscono scorrere le immagini per trovare le risposte. Come mai le tue foto e immagini possono classificarsi? I testi sono la risposta. Molto importante per l'ottimizzazione SEO \u00e8 il titolo e la descrizione dell'immagine perfetti. Non dimenticare di compilare Testo alternativo. Quindi Google pu\u00f2 comprendere meglio l'immagine. Quindi avresti maggiori possibilit\u00e0 di classificarlo nei risultati della ricerca di immagini.<\/p>\n\n\n\n
<\/span>2 modi per aggiungere una didascalia all'immagine<\/span><\/h3>\n\n\n\nL'aggiunta della didascalia dell'immagine \u00e8 molto semplice tramite l'editor di blocchi. Proprio sotto l'immagine c'\u00e8 uno spazio per scrivere il testo. Questo \u00e8 il primo modo: la didascalia viene scritta su questa immagine esatta su una determinata sottopagina.<\/p>\n\n\n\n
<\/a><\/span>Metodo meno noto per aggiungere immagini WordPress<\/span><\/h3>\n\n\n\nOltre a caricare le immagini attraverso la finestra di caricamento come accennato in precedenza, c'\u00e8 un altro modo per inserire l'immagine (ed \u00e8 un modo cos\u00ec veloce!). Con l'editor WordPress migliorato, puoi:<\/p>\n\n\n\n
- Copia l'immagine da qualsiasi contenuto, o<\/li>
- Basta "trascinare" l'immagine con il cursore del mouse<\/li><\/ul>\n\n\n\n
Quindi inserire o spostare (rilasciare) l'immagine selezionata nella posizione desiderata nell'area del contenuto.<\/p>\n\n\n\n
Trascina l'immagine selezionata e rilasciala dove \u00e8 necessario (direttamente nell'editor di WordPress)<\/figcaption><\/figure><\/div>\n\n\n\nLa stessa tecnica che puoi utilizzare anche nel caso in cui desideri incollare un'immagine catturata dal tuo schermo. Sono necessari solo tre semplici passaggi. Primo, devi fare uno screenshot<\/strong> utilizzando la funzione di stampa dello schermo. Ad esempio, Windows 10 fornisce il suo strumento Snippet predefinito chiamato Snip & Sketch, che \u00e8 disponibile anche tramite una scorciatoia: basta premere i tasti Win + Maiusc + S insieme sulla tastiera. Quindi selezionare l'area dell'immagine che si desidera acquisire. L'ultimo passaggio consiste nell'incollare l'immagine copiata (o parte di essa) nell'area del contenuto utilizzando la scorciatoia di base Ctrl+V.<\/p>\n\n\n\nE cosa succede all'immagine di WordPress che hai incollato nel tuo editor? Bene, viene automaticamente aggiunto alla Libreria multimediale dove puoi modificare questa immagine.<\/p>\n\n\n\n
<\/span>Opzioni limitate per i metadati delle immagini<\/span><\/h4>\n\n\n\nAll'interno della modifica delle immagini \u00e8 possibile impostare il titolo, la didascalia, la descrizione e il testo alternativo. Sfortunatamente, non puoi cambiare il nome del file dell'immagine: manterr\u00e0 il suo nome generato automaticamente, ad esempio immagine-1.png<\/em> e cos\u00ec via. Questo tipo di nome file pu\u00f2 essere un piccolo svantaggio in termini di ottimizzazione SEO a causa del conflitto con i consigli di denominazione dei file. Pertanto, \u00e8 necessario considerare questo aspetto prima di spostare le immagini di WordPress nell'area del contenuto.<\/p>\n\n\n\n<\/span>Allineamento dell'immagine<\/span><\/h3>\n\n\n\nL'allineamento delle immagini \u00e8 una delle caratteristiche principali. Non importa se aggiungi il blocco immagine WordPress in Post o Pagina, dovresti sempre considerare il posizionamento in base al design del sito web. Sulla base di tale allineamento dell'immagine pu\u00f2 essere scelto nella barra degli strumenti sopra di essa. Per impostazione predefinita puoi allineare l'immagine a sinistra, a destra o al centro. Alcuni temi WordPress consentono di centrare le immagini in larghezza o larghezza intera. Dipende davvero dalle funzionalit\u00e0 del tema poich\u00e9 non tutti i temi lo supportano.<\/p>\n\n\n\n
<\/a>Opzioni di allineamento dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Ridimensionamento delle immagini<\/span><\/h3>\n\n\n\nLa caratteristica rivoluzionaria del blocco immagine nell'editor di WordPress \u00e8 il pratico ridimensionamento. Basta trascinare il lato dell'immagine per rimpicciolirla o ingrandirla. In questo modo puoi modificare le dimensioni dell'immagine in base al testo nel contenuto. L'editor mantiene automaticamente le proporzioni dell'immagine, il che significa che non devi preoccuparti delle deformazioni.<\/p>\n\n\n\n
<\/a>Ridimensionamento uniforme dell'immagine catturandone le maniglie<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Nuovo stile di blocco che trasforma un'immagine in una forma circolare<\/span><\/h3>\n\n\n\nSe stai utilizzando l'ultima versione disponibile di WordPress potresti aver notato un nuovo stile di ritaglio circolare che puoi utilizzare per la tua immagine. La forma dell'immagine pu\u00f2 essere modificata tramite la barra degli strumenti in alto facendo clic sulla prima icona "Cambia tipo o stile blocco". La forma predefinita (rettangolo) verr\u00e0 tagliata a forma di cerchio.<\/p>\n\n\n\nIl nuovo design in stile cerchio per le tue immagini<\/figcaption><\/figure>\n\n\n\n<\/span>Nuove funzionalit\u00e0 nel blocco Immagini di WordPress (aggiunto in WP 5.3)<\/span><\/h3>\n\n\n\n<\/span>Supporto per immagini ad alta risoluzione<\/span><\/h4>\n\n\n\nUno dei maggiori punti salienti del WP 5.3 \u00e8 il miglioramento dell'elaborazione delle immagini sulla piattaforma WordPress. Lavorare con le immagini ha ora due caratteristiche principali:<\/p>\n\n\n\n
- Ripresa del caricamento: se stai caricando foto ad alta risoluzione e la connessione Internet non riesce, il processo di caricamento riprender\u00e0 automaticamente dal punto interrotto<\/li>
- Rotazione automatica delle immagini: l'ultima versione WP rilasciata garantisce che le immagini ruotate in modo errato ruotino automaticamente nella posizione corretta quando vengono caricate<\/li><\/ol>\n\n\n\n
<\/span>Impostazioni in Ispettore<\/span><\/h3>\n\n\n\nPer configurare le dimensioni esatte puoi utilizzare l'Inspector sulla barra laterale destra nell'editor. Le impostazioni della dimensione dell'immagine offrono formati pronti all'uso come miniatura, media, grande o dimensione intera. Ovviamente puoi impostare la larghezza e l'altezza in pixel o in percentuale.<\/p>\n\n\n\n
<\/a>Impostazioni della dimensione dell'immagine<\/figcaption><\/figure><\/div>\n\n\n\n\u00c8 molto veloce e pratico perch\u00e9 puoi apportare tutte le modifiche al ridimensionamento delle immagini direttamente all'interno del blocco Immagini di WordPress e tutto in un unico posto nell'editor di blocchi.<\/p>\n\n\n\n
<\/span><\/a>Altre impostazioni di blocco delle immagini<\/span><\/h2>\n\n\n\n<\/span>Come aggiungere un indirizzo URL<\/span><\/h3>\n\n\n\nLe immagini possono essere utilizzate come immagini statiche oppure possono essere anche cliccabili e linkate a:<\/p>\n\n\n\n
- File multimediale<\/li>
- Pagina allegato<\/li>
- URL personalizzato<\/li><\/ul>\n\n\n\n
<\/a>Impostazioni del collegamento immagine disponibili<\/figcaption><\/figure><\/div>\n\n\n\n<\/span>Come modificare l'immagine nel blocco immagine di WordPress<\/span><\/h3>\n\n\n\nOgni immagine pu\u00f2 essere modificata dopo aver fatto clic sull'icona della matita. Verr\u00e0 aperta la finestra modale con la Libreria multimediale in cui \u00e8 possibile scrivere testo alternativo, titolo, didascalia e descrizione. Allo stesso modo in cui sei gi\u00e0 abituato a farlo nella versione precedente di WordPress con l'editor classico.<\/p>\n\n\n\n
<\/a>Dettagli dell'immagine che dovresti compilare per migliorare la SEO del tuo sito web<\/figcaption><\/figure><\/div>\n\n\n\nPerch\u00e9 \u00e8 importante compilare questi testi?<\/p>\n\n\n\n
Se i visitatori fanno clic sull'immagine per ingrandirla, vedranno il titolo dell'immagine (ad esempio Citadela homepage) e non il nome file dell'immagine. Inoltre, in caso di problemi con il caricamento dell'immagine, sul tuo sito web verr\u00e0 visualizzato un testo alternativo.<\/p>\n\n\n\n
<\/span><\/a>Suggerimenti extra<\/span><\/h3>\n\n\n\nOltre a tutti questi motivi e impostazioni per i blocchi di immagini di WordPress, c'\u00e8 la cosa pi\u00f9 importante. Potresti ottenere pi\u00f9 visitatori sul tuo sito web utilizzando le immagini. Allora come ottenerli?<\/p>\n\n\n\n
Al giorno d'oggi le persone sono pigre da leggere. Preferiscono scorrere le immagini per trovare le risposte. Come mai le tue foto e immagini possono classificarsi? I testi sono la risposta. Molto importante per l'ottimizzazione SEO \u00e8 il titolo e la descrizione dell'immagine perfetti. Non dimenticare di compilare Testo alternativo. Quindi Google pu\u00f2 comprendere meglio l'immagine. Quindi avresti maggiori possibilit\u00e0 di classificarlo nei risultati della ricerca di immagini.<\/p>\n\n\n\n
<\/span>2 modi per aggiungere una didascalia all'immagine<\/span><\/h3>\n\n\n\nL'aggiunta della didascalia dell'immagine \u00e8 molto semplice tramite l'editor di blocchi. Proprio sotto l'immagine c'\u00e8 uno spazio per scrivere il testo. Questo \u00e8 il primo modo: la didascalia viene scritta su questa immagine esatta su una determinata sottopagina.<\/p>\n\n\n\n
Quindi inserire o spostare (rilasciare) l'immagine selezionata nella posizione desiderata nell'area del contenuto.<\/p>\n\n\n\n
La stessa tecnica che puoi utilizzare anche nel caso in cui desideri incollare un'immagine catturata dal tuo schermo. Sono necessari solo tre semplici passaggi. Primo, devi fare uno screenshot<\/strong> utilizzando la funzione di stampa dello schermo. Ad esempio, Windows 10 fornisce il suo strumento Snippet predefinito chiamato Snip & Sketch, che \u00e8 disponibile anche tramite una scorciatoia: basta premere i tasti Win + Maiusc + S insieme sulla tastiera. Quindi selezionare l'area dell'immagine che si desidera acquisire. L'ultimo passaggio consiste nell'incollare l'immagine copiata (o parte di essa) nell'area del contenuto utilizzando la scorciatoia di base Ctrl+V.<\/p>\n\n\n\n E cosa succede all'immagine di WordPress che hai incollato nel tuo editor? Bene, viene automaticamente aggiunto alla Libreria multimediale dove puoi modificare questa immagine.<\/p>\n\n\n\n All'interno della modifica delle immagini \u00e8 possibile impostare il titolo, la didascalia, la descrizione e il testo alternativo. Sfortunatamente, non puoi cambiare il nome del file dell'immagine: manterr\u00e0 il suo nome generato automaticamente, ad esempio immagine-1.png<\/em> e cos\u00ec via. Questo tipo di nome file pu\u00f2 essere un piccolo svantaggio in termini di ottimizzazione SEO a causa del conflitto con i consigli di denominazione dei file. Pertanto, \u00e8 necessario considerare questo aspetto prima di spostare le immagini di WordPress nell'area del contenuto.<\/p>\n\n\n\n L'allineamento delle immagini \u00e8 una delle caratteristiche principali. Non importa se aggiungi il blocco immagine WordPress in Post o Pagina, dovresti sempre considerare il posizionamento in base al design del sito web. Sulla base di tale allineamento dell'immagine pu\u00f2 essere scelto nella barra degli strumenti sopra di essa. Per impostazione predefinita puoi allineare l'immagine a sinistra, a destra o al centro. Alcuni temi WordPress consentono di centrare le immagini in larghezza o larghezza intera. Dipende davvero dalle funzionalit\u00e0 del tema poich\u00e9 non tutti i temi lo supportano.<\/p>\n\n\n\n La caratteristica rivoluzionaria del blocco immagine nell'editor di WordPress \u00e8 il pratico ridimensionamento. Basta trascinare il lato dell'immagine per rimpicciolirla o ingrandirla. In questo modo puoi modificare le dimensioni dell'immagine in base al testo nel contenuto. L'editor mantiene automaticamente le proporzioni dell'immagine, il che significa che non devi preoccuparti delle deformazioni.<\/p>\n\n\n\n Se stai utilizzando l'ultima versione disponibile di WordPress potresti aver notato un nuovo stile di ritaglio circolare che puoi utilizzare per la tua immagine. La forma dell'immagine pu\u00f2 essere modificata tramite la barra degli strumenti in alto facendo clic sulla prima icona "Cambia tipo o stile blocco". La forma predefinita (rettangolo) verr\u00e0 tagliata a forma di cerchio.<\/p>\n\n\n\n Uno dei maggiori punti salienti del WP 5.3 \u00e8 il miglioramento dell'elaborazione delle immagini sulla piattaforma WordPress. Lavorare con le immagini ha ora due caratteristiche principali:<\/p>\n\n\n\n Per configurare le dimensioni esatte puoi utilizzare l'Inspector sulla barra laterale destra nell'editor. Le impostazioni della dimensione dell'immagine offrono formati pronti all'uso come miniatura, media, grande o dimensione intera. Ovviamente puoi impostare la larghezza e l'altezza in pixel o in percentuale.<\/p>\n\n\n\n \u00c8 molto veloce e pratico perch\u00e9 puoi apportare tutte le modifiche al ridimensionamento delle immagini direttamente all'interno del blocco Immagini di WordPress e tutto in un unico posto nell'editor di blocchi.<\/p>\n\n\n\n Le immagini possono essere utilizzate come immagini statiche oppure possono essere anche cliccabili e linkate a:<\/p>\n\n\n\n Ogni immagine pu\u00f2 essere modificata dopo aver fatto clic sull'icona della matita. Verr\u00e0 aperta la finestra modale con la Libreria multimediale in cui \u00e8 possibile scrivere testo alternativo, titolo, didascalia e descrizione. Allo stesso modo in cui sei gi\u00e0 abituato a farlo nella versione precedente di WordPress con l'editor classico.<\/p>\n\n\n\n Perch\u00e9 \u00e8 importante compilare questi testi?<\/p>\n\n\n\n Se i visitatori fanno clic sull'immagine per ingrandirla, vedranno il titolo dell'immagine (ad esempio Citadela homepage) e non il nome file dell'immagine. Inoltre, in caso di problemi con il caricamento dell'immagine, sul tuo sito web verr\u00e0 visualizzato un testo alternativo.<\/p>\n\n\n\n Oltre a tutti questi motivi e impostazioni per i blocchi di immagini di WordPress, c'\u00e8 la cosa pi\u00f9 importante. Potresti ottenere pi\u00f9 visitatori sul tuo sito web utilizzando le immagini. Allora come ottenerli?<\/p>\n\n\n\n Al giorno d'oggi le persone sono pigre da leggere. Preferiscono scorrere le immagini per trovare le risposte. Come mai le tue foto e immagini possono classificarsi? I testi sono la risposta. Molto importante per l'ottimizzazione SEO \u00e8 il titolo e la descrizione dell'immagine perfetti. Non dimenticare di compilare Testo alternativo. Quindi Google pu\u00f2 comprendere meglio l'immagine. Quindi avresti maggiori possibilit\u00e0 di classificarlo nei risultati della ricerca di immagini.<\/p>\n\n\n\n L'aggiunta della didascalia dell'immagine \u00e8 molto semplice tramite l'editor di blocchi. Proprio sotto l'immagine c'\u00e8 uno spazio per scrivere il testo. Questo \u00e8 il primo modo: la didascalia viene scritta su questa immagine esatta su una determinata sottopagina.<\/p>\n\n\n\n<\/span>Opzioni limitate per i metadati delle immagini<\/span><\/h4>\n\n\n\n
<\/span>Allineamento dell'immagine<\/span><\/h3>\n\n\n\n
<\/a><\/span>Ridimensionamento delle immagini<\/span><\/h3>\n\n\n\n
<\/a><\/span>Nuovo stile di blocco che trasforma un'immagine in una forma circolare<\/span><\/h3>\n\n\n\n
<\/span>Nuove funzionalit\u00e0 nel blocco Immagini di WordPress (aggiunto in WP 5.3)<\/span><\/h3>\n\n\n\n
<\/span>Supporto per immagini ad alta risoluzione<\/span><\/h4>\n\n\n\n
<\/span>Impostazioni in Ispettore<\/span><\/h3>\n\n\n\n
<\/a><\/span><\/a>Altre impostazioni di blocco delle immagini<\/span><\/h2>\n\n\n\n
<\/span>Come aggiungere un indirizzo URL<\/span><\/h3>\n\n\n\n
<\/a><\/span>Come modificare l'immagine nel blocco immagine di WordPress<\/span><\/h3>\n\n\n\n
<\/a><\/span><\/a>Suggerimenti extra<\/span><\/h3>\n\n\n\n
<\/span>2 modi per aggiungere una didascalia all'immagine<\/span><\/h3>\n\n\n\n
![\"Didascalia](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-caption.gif\")
<\/a>![\"Aggiunta](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-caption-library.gif\")
<\/a>