Lavorare con WordPress Image block: come aggiungere immagini in WordPress [+Suggerimento segreto]

Per molti utenti lavorare con le immagini può essere davvero frustrante. Non è sempre facile scegliere le giuste proporzioni o ridimensionare correttamente le immagini per avere un bell'aspetto nell'intero layout.

1. Perché utilizzare il blocco immagine di WordPress
2. Come aggiungere immagini con il blocco immagine di WordPress
3. Processo di formattazione aggiuntivo delle immagini
4. Suggerimento extra da parte nostra all'interno dell'articolo

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.

Il nuovo editor basato su blocchi Gutenberg cambia il modo in cui aggiungere immagini in WordPress per rendere questo processo più 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à aggiunte che provengono da WP 5.3.

Ma prima parliamo del perché dovresti usare le immagini nei post e nelle pagine.

Perché il blocco immagine di WordPress è un must per il tuo sito web

Attirare l'attenzione

Le immagini attirano l'attenzione dei visitatori del sito web. Devono essere interessanti per mantenere i visitatori sul tuo sito web più a lungo. Pensa a un post sul blog senza immagini. È solo un mucchio di testo. A prima vista non è molto interessante anche se potrebbe essere prezioso e ricco di informazioni. Inoltre le foto possono aiutare a immaginare e descrivere meglio il tuo argomento.

Per questo motivo abbiamo bisogno di utilizzare il blocco immagine di WordPress per focalizzare l'attenzione su cose importanti.

Testo illustrativo e contesto

Le immagini sono anche una parte essenziale per comprendere i contenuti perché 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.

Rendi il sito web più bello

Inoltre, 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à. L'immagine scelta e posizionata correttamente può aiutare il visitatore a navigare più facilmente nel tuo sito web.

Come aggiungere immagini nell'editor di blocchi di WordPress

Per inserire un'immagine in un articolo o in una pagina è necessario aggiungere il blocco principale: blocco immagine. Ci sono molti modi per farlo:

– Usando "+" nella barra in alto o in qualsiasi punto dell'editor

– Utilizzando la barra "/" e scrivendo successivamente la parola "immagine".

Verrà creato un nuovo blocco in cui è possibile aggiungere immagini reali.

Caricamento immagini su WordPress

Come mettere le immagini lì dove vuoi?

• Usa Carica e seleziona un'immagine dal tuo disco rigido
• Usa la Libreria multimediale, dove puoi selezionare le immagini che erano già state caricate sul tuo sito web
• Usa il mouse e trascina e rilascia l'immagine
• Inserisci l'indirizzo URL dell'immagine

Metodo meno noto per aggiungere immagini WordPress

Oltre a caricare le immagini attraverso la finestra di caricamento come accennato in precedenza, c'è un altro modo per inserire l'immagine (ed è un modo così veloce!). Con l'editor WordPress migliorato, puoi:

• Copia l'immagine da qualsiasi contenuto, o
• Basta "trascinare" l'immagine con il cursore del mouse

Quindi inserire o spostare (rilasciare) l'immagine selezionata nella posizione desiderata nell'area del contenuto.

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 utilizzando la funzione di stampa dello schermo. Ad esempio, Windows 10 fornisce il suo strumento Snippet predefinito chiamato Snip & Sketch, che è 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.

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.

Opzioni limitate per i metadati delle immagini

All'interno della modifica delle immagini è possibile impostare il titolo, la didascalia, la descrizione e il testo alternativo. Sfortunatamente, non puoi cambiare il nome del file dell'immagine: manterrà il suo nome generato automaticamente, ad esempio immagine-1.png e così via. Questo tipo di nome file può essere un piccolo svantaggio in termini di ottimizzazione SEO a causa del conflitto con i consigli di denominazione dei file. Pertanto, è necessario considerare questo aspetto prima di spostare le immagini di WordPress nell'area del contenuto.

Allineamento dell'immagine

L'allineamento delle immagini è 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ò 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à del tema poiché non tutti i temi lo supportano.

Ridimensionamento delle immagini

La caratteristica rivoluzionaria del blocco immagine nell'editor di WordPress è 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.

Nuovo stile di blocco che trasforma un'immagine in una forma circolare

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ò essere modificata tramite la barra degli strumenti in alto facendo clic sulla prima icona "Cambia tipo o stile blocco". La forma predefinita (rettangolo) verrà tagliata a forma di cerchio.

Nuove funzionalità nel blocco Immagini di WordPress (aggiunto in WP 5.3)

Supporto per immagini ad alta risoluzione

Uno dei maggiori punti salienti del WP 5.3 è il miglioramento dell'elaborazione delle immagini sulla piattaforma WordPress. Lavorare con le immagini ha ora due caratteristiche principali:

1. Ripresa del caricamento: se stai caricando foto ad alta risoluzione e la connessione Internet non riesce, il processo di caricamento riprenderà automaticamente dal punto interrotto
2. 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

Impostazioni in Ispettore

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.

È molto veloce e pratico perché 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.

Altre impostazioni di blocco delle immagini

Come aggiungere un indirizzo URL

Le immagini possono essere utilizzate come immagini statiche oppure possono essere anche cliccabili e linkate a:

•   File multimediale
•   Pagina allegato
•   URL personalizzato

Come modificare l'immagine nel blocco immagine di WordPress

Ogni immagine può essere modificata dopo aver fatto clic sull'icona della matita. Verrà aperta la finestra modale con la Libreria multimediale in cui è possibile scrivere testo alternativo, titolo, didascalia e descrizione. Allo stesso modo in cui sei già abituato a farlo nella versione precedente di WordPress con l'editor classico.

Perché è importante compilare questi testi?

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à visualizzato un testo alternativo.

Suggerimenti extra

Oltre a tutti questi motivi e impostazioni per i blocchi di immagini di WordPress, c'è la cosa più importante. Potresti ottenere più visitatori sul tuo sito web utilizzando le immagini. Allora come ottenerli?

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 è il titolo e la descrizione dell'immagine perfetti. Non dimenticare di compilare Testo alternativo. Quindi Google può comprendere meglio l'immagine. Quindi avresti maggiori possibilità di classificarlo nei risultati della ricerca di immagini.

2 modi per aggiungere una didascalia all'immagine

L'aggiunta della didascalia dell'immagine è molto semplice tramite l'editor di blocchi. Proprio sotto l'immagine c'è uno spazio per scrivere il testo. Questo è il primo modo: la didascalia viene scritta su questa immagine esatta su una determinata sottopagina.

Il secondo modo è scrivere la didascalia dell'immagine utilizzando l'icona della matita (Modifica immagine) all'interno della Libreria multimediale. In questo modo aggiungi la didascalia dell'immagine a livello globale in tutto il sito web. Ciò significa che se utilizzi la stessa immagine in tre punti diversi, utilizzerà sempre questa didascalia.

Ti piace quanto è facile aggiungere immagini nel blocco immagine di WordPress? Provalo tu stesso!

Scopri di più sul nostro nuovissimo tema WordPress Citadela e sui suoi pacchetti di layout personalizzati. Sono stati appositamente progettati e sviluppati per diversi tipi di attività e supportano anche il nuovo modo di modificare i contenuti tramite l'editor di blocchi di WordPress.