Come inserire un’immagine in un articolo in WordPress
Inserire un’immagine in un articolo o pagina in WordPress è davvero molto semplice. Basta solo qualche clic qua e là 🙂
Per inserire immagini in un articolo in WordPress, devi cliccare sul pulsante Aggiungi media che trovi appena sopra l’editor dell’articolo (o della pagina, il procedimento è lo stesso).
Vedrai questa schermata:
Puoi inserire un’immagine tra tutte quelle che hai già caricato in precedenza, premendo il pulsante Libreria media (1).
Puoi inserire un’immagine direttamente da un URL premendo il pulsante Includi da URL (2).
Oppure puoi caricare l’immagine dal tuo computer, basta che la trascini dal tuo computer (dal desktop o da dove si trova) alla parte bianca di questa schermata, oppure premi il pulsante Seleziona file (3) e la selezioni dalla schermata che si apre. Io inserirò l’immagine del mio logo.
Come vedi, l’immagine che è stata appena caricata viene selezionata in automatico (box azzurro al punto 4). In basso, vengono mostrate le immagini che stai selezionando (5), con la possibilità di modificare la selezione o cancellare tutte le immagini selezionate.
Nella parte destra della schermata, trovi queste opzioni:
- Titolo: titolo dell’immagine, utile per ritrovarla in mezzo alle migliaia di immagini che caricherai un giorno. È anche il testo che gli utenti vedranno passando con il mouse sopra l’immagine, è molto importante
- Didascalia: breve descrizione dell’immagine, che comparirà nell’articolo sotto l’immagine stessa
- Alt text: è il testo che viene visualizzato quando non si riesce a visualizzare l’immagine. Viene utilizzato anche da chi ha problemi di vista, per cui è consigliabile compilarlo sempre (anche i motori di ricerca ne tengono conto)
- Allineamento: scegli l’allineamento dell’immagine, nessuno, sinistra, centro e destra. (A volte il tema non supporta l’allineamento. In questo caso ti toccherà modificare il codice css)
- Link a: il link a cui dovrà puntare l’immagine. Le opzioni sono: URL personalizzato, pagina allegato (io non lo userei mai per siti normali, anzi ti invito a rimuovere la pagina degli allegati tramite WordPress SEO by Yoast al punto 6 oppure seguendo questo articolo), media file (consigliato quando le immagini sono più grandi della larghezza del post) e nessuno (consigliato quando le immagini sono più piccole della larghezza del post)
- Dimensione: scegli la dimensione dell’incorporamento, miniatura, media, grande, dimensione reale
Quando hai compilato tutti i campi e sei pronto per inserire l’immagine nel post, clicca sul pulsante Inserisci nell’articolo (6).
Complimenti! La tua immagine è stata inserita all’interno dell’articolo! 🙂
Se vuoi modificare l’immagine appena inserita, cliccaci sopra. Compariranno due icone, clicca su quella di sinistra. Qui potrai modificare le impostazioni. Da notare le Impostazioni avanzate (c’è l’apposita linguetta in alto alla schermata di modifica dell’immagine)
Qui potrai assegnare uno stile all’immagine ma soprattutto, potrai modificare le impostazioni del link. Importante aggiungere un titolo (se si tratta di link interni), il nofollow nel campo Link rel (se si tratta di link esterni a cui non vuoi passare PageRank) e la Destinazione in un’altra finestra.
18/12/2012 alle 17:07
Come si chiama il plugin per ampliare gli strumenti di formattazione del testo che si vede nella prima immagine?
18/12/2012 alle 19:53
TinyMCE Advanced, molto comodo e potente …
05/03/2013 alle 09:45
ciao roberto puoi aiutarmi??
io vorrei inserire nel sito che sto costruendo un plug in o altro
per dare la possibilità ai visitatori di mandarmi un’immagine
o al sito oppure alla mia posta
son stato chiaro ?????
05/03/2013 alle 14:30
Ciao Vinci,
prova ad usare “Nmedia Users File Uploader Plugin”.
22/04/2013 alle 11:18
Ciao e complimenti per le dritte,chiaro,semplice,efficace.
Pero,io ho un problema che non riesco(per ora) capire…
ho creato una galleria foto,tutto ok,creato pure la pagina galeri,ok,ho le miniature,click su una e…diventa enorme…
in pratica sono tutte troppo grandi,ho provato con resizer,ma niente,uguale.
come faccio a regolarle in modo che non escano dallo schermo…
oppure devo farlo prima di caricarle?sono tutte full hd,
26/04/2013 alle 20:10
usa una dimensione massima nel file style.css, del tipo: img {max-width: 500px;}