Come aggiungere immagini in WordPress nel 2022UN tutorial per aggiungere immagini negli editor Classic e Gutenberg (+Ridurre le dimensioni del file)

Oggi, stiamo abbattendo come aggiungere immagini in WordPress e ridurre le loro dimensioni del file (per mantenere le pagine & messaggi caricamento il più rapidamente possibile).

Quando stai solo imparando i fondamenti di come avviare un blog, c’è molto da capire, lo capisco. Abbiamo parlato di come cambiare la dimensione del carattere, cambiare il colore del carattere, creare un link cliccabile e molto altro qui.

La buona notizia è che nel 2022, è molto facile imparare come aggiungere immagini in WordPress con tutti gli aggiornamenti di usabilità e miglioramenti che hanno visto negli ultimi dieci anni.

In questo breve tutorial, ti mostrerò come aggiungere immagini nei post di WordPress, sia nell’editor classico (che preferisco usare) che attraverso il loro nuovo editor Gutenberg.

Ora, immergiamoci nell’aggiunta di immagini ai tuoi post di WordPress, riducendo al contempo il più possibile le dimensioni del file, per rimanere in linea con le best practice SEO e per mantenere il caricamento delle pagine il più velocemente possibile.

Come Aggiungere le Immagini di WordPress (e Ridurre le Dimensioni dei File) in 2022

1. Aggiunta di Immagini ai Post nel Classico Editor di WordPress
2. l’Aggiunta di Immagini ai Post nel Gutenberg WordPress Editor
3. Aggiunta di un Immagine in Evidenza un Post in WordPress

Ora rapidamente, prima di tuffarci in questo tutorial su come aggiungere le immagini di WordPress, Vi mostrerò come ridurre un’immagine dimensione del file (aiutare i tuoi post di caricare più velocemente) in 2 semplici passi.

Installa il plugin Compress JPEG (gratuito)& Immagini PNG di Tiny PNG

È possibile scaricare il libero Comprimere JPEG & PNG Immagini Plugin per WordPress proprio qui dalla libreria plugin di WordPress.

In alternativa, puoi anche cercare il plugin e installarlo direttamente all’interno del tuo menu plugin, accessibile sul lato sinistro della sezione di amministrazione del tuo blog qui-o dai un’occhiata a questo breve tutorial su come installare un plugin per WordPress:

Una volta installato il plugin Compress JPEG & PNG Images, ogni nuova immagine che carichi sul tuo blog WordPress sarà ottimizzata automaticamente e la dimensione del file ridotta il più possibile senza compromettere la qualità della tua immagine.

Nota: Questo è il miglior plugin di compressione delle immagini sul mercato di gran lunga. Consente fino a 500 compressioni di immagini gratuite al mese (che è molto più di quanto probabilmente sarà necessario) prima di dover eseguire l’aggiornamento a un piano a pagamento a $.009 / immagine oltre il tuo primo 500 ogni mese. È un affare serio e non troverai un plugin di compressione migliore che ti dia più crediti gratuiti.

Tuttavia, se si desidera eseguire la compressione delle immagini direttamente sul proprio computer (illimitato gratuitamente), vi consiglio l’applicazione ImageOptim.

Carica le tue immagini

Il gioco è fatto! Seriamente, è così facile.

Una volta installato il plugin di compressione sul tuo blog—o hanno compresso singole immagini sul computer prima—si è pronti a caricarli ai tuoi post o pagine in WordPress.

Ora, cerchiamo di scavare esattamente come aggiungere immagini a WordPress.

1. Aggiunta di immagini ai post nel classico editor di WordPress

Se sei come me e preferisci ancora il classico layout dell’editor di WordPress per aggiungere / modificare i tuoi post, segui qui.

D’altra parte, se stai usando il più recente editor di Gutenberg per il contenuto del tuo post, passa alla sezione successiva per quella procedura dettagliata. Se non sei sicuro di quale editor stai usando, dai un’occhiata agli screenshot delle immagini qui sotto e confrontali con l’aspetto del tuo editor. Vuoi usare l’editor classico, ma non sai come ottenerlo? Prendere 2 minuti per seguire con semplice tutorial di Yoast su come installare l’Editor classico sul tuo blog WordPress.

1. Apri il post a cui stai aggiungendo immagini (e trova il posto giusto)

In primo luogo, devi assicurarti di essere all’interno del post a cui vuoi aggiungere un’immagine.

Poi ti consigliamo di navigare il cursore al punto esatto all’interno del tuo post che si desidera aggiungere l’immagine.

2. Fai clic sul pulsante “Aggiungi media” nella parte superiore del tuo Editor

Quel pulsante sarà simile a questo qui:

Una volta che si fa clic sul pulsante “Aggiungi media”, ti verrà presentato con la schermata in cui è possibile caricare il file immagine.

3. Fare clic su “Carica file”

Fare clic sulla scheda “Carica file” e sarete portati alla schermata in cui è possibile utilizzare lo strumento di selezione per scegliere un file immagine da dove si trova sul computer.

In alternativa, se trascini un file immagine dal desktop e lo carichi, puoi saltare la schermata “Carica file” e passare direttamente a trascinare l’immagine e rilasciarla (c’è una demo di questo nel passaggio successivo).

4. Carica il tuo file immagine

Preferisco trascinare i file immagine dal mio desktop e rilasciarli nel file uploader (piuttosto che usare il selettore per localizzarli sul mio computer), poiché è molto più veloce.

Ecco una rapida dimostrazione video / GIF di come aggiungere un’immagine dal tuo desktop a WordPress:

Una volta caricata la tua immagine, il plugin di compressione funzionerà è magico per aiutare a ridurre le dimensioni del file (dietro le quinte).

Nota: Prima di terminare le opzioni di immagine e fare clic su “Inserisci in post”, ti consigliamo di scrivere un testo Alt SEO friendly per la tua immagine—qualcosa che descrive la natura di ciò che sta avvenendo nella tua immagine e idealmente tessere in una delle parole chiave di destinazione che speri che l’articolo alla fine si classifichi (nei risultati di ricerca organici).

5. Seleziona le opzioni dell’immagine e fai clic su “Inserisci in post”

Infine, avrai alcune opzioni da definire per la tua immagine. Questo include:

• Controllare l’allineamento del modo in cui l’immagine viene visualizzata all’interno del tuo post (ho sempre selezionare l’allineamento al Centro)
• Rendere la vostra immagine link a un’altra pagina o un post sul tuo blog (o un link esterno che si desidera indirizzare i lettori a)
• dimensione Display (io consiglio sempre il caricamento di grandezza per evitare una perdita di qualità dell’immagine)

Dopo aver selezionato queste opzioni, sei pronto a fare clic su “Inserisci ” post” e sei a posto!

Quel pulsante sarà proprio qui nell’angolo in basso a destra dello schermo:

Ora, sarai riportato alla finestra dell’editor e vedrai l’immagine che hai appena aggiunto seduto proprio lì dove l’hai caricata.

Tieni presente che hai ancora alcune opzioni di modifica rapide & se decidi di cambiare qualcosa con la visualizzazione della tua nuova immagine:

• È possibile ridimensionare manualmente afferrando uno degli angoli e trascinandolo verso l’alto o verso il basso nella dimensione
• È possibile fare clic sul centro dell’immagine e trascinare all’interno del tuo post per riposizionare
• Si può sempre eliminare l’immagine, premere “backspace” o “elimina” sulla tastiera e ricominciare

E che è! Hai imparato come aggiungere un’immagine a WordPress con l’editor classico.

2. Aggiunta di immagini ai post nell’editor di WordPress Gutenberg

Nell’editor di WordPress Gutenberg, le opzioni di modifica dei post saranno molto diverse da quelle che vedrai dall’editor classico.

Gutenberg adotta un approccio di aggiunta/modifica di contenuti attraverso un sistema di “blocchi” come blocchi di testo, blocchi di intestazione, blocchi di immagini e così via. Quindi tuffiamoci nell’aggiunta di immagini in Gutenberg.

1. Seleziona l’icona” Aggiungi immagine ”

Dopo esserti assicurato di aggiungere un’immagine nella giusta posizione all’interno del tuo post, seleziona l’icona “Aggiungi immagine”. Sarà così proprio qui:

Una volta cliccato sull’icona “Aggiungi immagine”, avrai alcune opzioni su come aggiungere un’immagine al tuo post.

2. Scegli come aggiungere l’immagine

In Gutenberg, hai alcune opzioni rapide su come aggiungere un’immagine in WordPress. Che include:

• Upload (che aprirà una schermata di selezione consente di selezionare il file di immagine dal computer)
• mediateca che ti conduce alla tua libreria esistente di immagini—da cui è anche possibile trascinare & goccia nell’immagine)
• Inserisci da URL (se non c’è un’immagine che si trova da qualche parte online che vuoi importare, è possibile incollare nel link qui)

Ecco un’istantanea di quelle opzioni (personalmente, mi è sufficiente fare clic su “Upload” e rapidamente afferrare l’immagine che voglio dal mio desktop):

3. Carica la tua immagine

Una volta selezionata l’immagine che vuoi caricare, fai clic sul pulsante “Apri” e verrà aggiunta al tuo post.

Ora che hai aggiunto l’immagine, una miniatura più piccola di esso apparirà come un nuovo blocco all’interno del tuo post.

Ecco uno screenshot di come apparirà:

4. Impostazioni immagine& Opzioni di modifica rapida

Prima di passare, ti consigliamo di impostare le impostazioni dell’immagine (come da best practice SEO).

E proprio come con l’editor classico, sarete in grado di definire un sacco di diverse impostazioni e proprietà per un’immagine. Con Gutenberg, è solo fatto un po ‘ diverso. Le impostazioni dell’immagine si trovano invece sulla barra laterale destra (dopo aver fatto clic una volta sull’immagine).

Ecco come sono queste impostazioni:

Assicurati di definire le impostazioni dell’immagine per almeno queste due proprietà:

• Scrittura di testo alternativo SEO-friendly che descrive l’immagine e tesse in una frase chiave
• Dimensione immagine (visualizzo sempre le immagini a grandezza naturale per evitare una perdita di qualità)

È inoltre possibile fare clic nelle impostazioni “Stile” per aggiungere un po ‘ di stile più sfumato & funzioni di ritaglio integrate con Gutenberg.

5. Spostare le immagini all’interno di un post tramite Gutenberg

Un effetto collaterale molto interessante dell’attenzione dell’editor di Gutenberg sull’utilizzo di “blocchi” di contenuti, è la facilità con cui puoi spostare le tue immagini (o qualsiasi blocco di contenuti) all’interno di un post.

Dopo aver cliccato una volta sull’immagine che vuoi riorganizzare all’interno del tuo post, vedrai le frecce “su” e “giù” apparire proprio accanto all’immagine.

Clicca su quelle frecce per spostare l’immagine verso l’alto o verso il basso all’interno del tuo post, in questo modo:

E questo è tutto! Puoi andare.

Ora hai imparato come aggiungere un’immagine a WordPress anche nell’editor Gutenberg

3. Aggiungere un’immagine in primo piano a un post in WordPress

Le immagini in primo piano sono essenziali in un blog WordPress, perché sono le immagini che vengono visualizzate nella parte superiore dei post del blog (e in entrambi i risultati di ricerca e sulle piattaforme di social media quando il contenuto viene condiviso).

Ultimo ma non meno importante, ecco come aggiungere un’immagine in primo piano a un post (o una pagina) in WordPress.

In basso a destra della finestra dell’editor di WordPress, vedrai una sezione per aggiungere un’immagine in primo piano. Fai clic su “Imposta immagine in primo piano” e sarai portato alla schermata di caricamento delle immagini standard in cui puoi aggiungere l’immagine che desideri essere presente nella parte superiore del tuo post (anche nei risultati di ricerca e sulle piattaforme social).

Dopo che hai caricato l’immagine che si desidera utilizzare e cliccato su “Imposta immagine in evidenza,” sarete presi di nuovo per il vostro editor di schermo e vedrete una piccola anteprima dell’immagine visualizzata in basso a destra (per confermare di aver aggiunto l’immagine di destra) così:

Abbastanza semplice, giusto?

Se hai selezionato l’immagine sbagliata (o vuoi apportare modifiche in seguito), puoi semplicemente fare clic sul testo “Rimuovi immagine in primo piano” e avrai l’opportunità di selezionare o caricare un’immagine diversa da includere nel tuo post.

Considerazioni finali su come aggiungere un’immagine in WordPress

Aggiungere immagini ai tuoi post in WordPress non deve essere difficile.

Sia che tu stia usando l’editor classico o Gutenberg per il tuo blog, il team dietro WordPress ha lavorato duramente per rendere l’aggiunta di immagini un processo molto semplice.

Se hai ancora problemi, per favore mandami un commento in fondo a questo post e sono felice di aiutarti a risolvere eventuali problemi che stai avendo.

Questo è tutto per oggi!

Abbiamo appena coperto come aggiungere immagini in WordPress

Come quello che vedi? Iscriviti per ottenere più tutorial di blogging e consigli.

Vuoi più tutorial di blogging?

Testa oltre e controllare la mia guida definitiva per iniziare un blog e fare soldi da esso quest’anno.