Come utilizzare le immagini Unsplash in WordPress con un clic

Pubblicato: 2018-09-30

Unsplash è uno dei posti migliori online per ottenere immagini gratuite da utilizzare nei tuoi progetti. Non richiedono attribuzione, sono di alta qualità, vengono aggiunte nuove immagini ogni giorno, è facile da cercare e puoi trovare foto praticamente su qualsiasi argomento tu possa immaginare.

La maggior parte degli articoli che ho scritto che utilizzano post di esempio includono immagini prese da Unsplash. Sono di qualità straordinaria, ma sono anche file molto grandi. Di solito richiedevano diversi passaggi per prepararli per il mio sito web.

Il processo di solito era qualcosa del genere: vai su Unsplash nel mio browser, cerca o scorri, scarica ogni singola immagine sul mio laptop, ridimensiona ogni immagine con il mio software di fotoritocco e poi caricale su WordPress per usarle nei miei progetti.

Ora ho trovato un modo per abbreviare questo processo. Ora sembra così: seleziona Unsplash in WordPress, cerca o scorri e seleziona le immagini che desidero. Le immagini vengono ridimensionate automaticamente e posizionate nella mia cartella multimediale di WordPress dove posso usarle nei miei progetti, oppure vengono posizionate automaticamente all'interno dei miei contenuti. Ciò significa che ora posso utilizzare le immagini Unsplash in WordPress con un clic. Nessun download. Nessun ridimensionamento.

Iscriviti al nostro canale Youtube

Immagini istantanee: caricamenti Unsplash con un clic

La soluzione è un plugin gratuito nel deposito di WordPress chiamato Instant Images. Puoi scaricarlo dal deposito o cercarlo nel menu Plugin di WordPress.

Una volta attivato, viene aggiunta una nuova voce di menu al menu Media chiamato Immagini istantanee . Qui puoi regolare le impostazioni, vedere foto nuove, popolari o meno recenti o cercare foto. Le immagini vengono caricate con AJAX, quindi le nuove immagini vengono visualizzate finché si scorre (il che può creare dipendenza, ma questo è un problema diverso). Un menu nella parte inferiore dello schermo fornisce collegamenti per connettersi, lasciare una recensione o consultare le FAQ.

Il plugin fornisce due modi per aggiungere immagini Unsplash a WordPress:

  • All'interno della scheda Media: funziona sia con l'editor corrente che con Gutenberg.
  • All'interno della pagina o del post: funziona con l'editor corrente e con i page builder che utilizzano l'editor WordPress corrente.

Impostazioni immagini istantanee

Facendo clic su Impostazioni nell'angolo in alto a destra viene visualizzata una schermata con diverse impostazioni e aree di contenuto. Impostazioni Unsplash include le impostazioni delle dimensioni dell'immagine per la larghezza e l'altezza massime e una casella di controllo per nascondere il pulsante Immagini istantanee che si trova accanto al pulsante Aggiungi media nella schermata di modifica post. Li lascio ai valori predefiniti, ma questa è un'eccellente funzionalità per controllare la dimensione delle immagini.

Novità fornisce informazioni sugli ultimi due aggiornamenti. I nostri plugin elenca altri plugin dell'editore e fornisce pulsanti in modo da poterli installare dal deposito di WordPress. Fare clic sul pulsante X Impostazioni nell'angolo in alto a destra per chiudere questa schermata.

Impostazione dei permessi del server

Molto probabilmente sarai in grado di caricare immagini senza problemi. Ho provato due diverse installazioni. Il primo non ha avuto problemi mentre il secondo non caricava le immagini. Il problema erano le impostazioni delle autorizzazioni per il mio server. Le autorizzazioni sono state impostate su 341. Deve essere impostato almeno su 755. Se stai utilizzando cPanel, vai alla cartella delle immagini istantanee all'interno della cartella wp-content/uploads sul tuo server e fai clic su Permessi . Il tuo potrebbe sembrare diverso da questo.

Se riscontri problemi durante l'importazione di un'immagine, assicurati di controllare i permessi del tuo server. Se non è questo il problema, controlla le domande frequenti per ulteriori informazioni sulla risoluzione dei problemi. Non ci sono molti problemi, ma ho dovuto impostare i permessi.

Aggiungere immagini alla tua libreria multimediale

Per aggiungere immagini direttamente alla tua libreria multimediale, fai clic su Immagini istantanee nel menu del pannello multimediale. Puoi trovare le immagini selezionando Nuovo, Popolare, Più vecchio o effettuando una ricerca. Lo scorrimento rivela più immagini.

Una volta trovata un'immagine che desideri aggiungere alla tua libreria, fai clic sull'immagine. Passa il mouse sull'immagine per vedere il pulsante per modificare i dettagli per quell'immagine, la miniatura del fotografo con un collegamento alle sue immagini su Unsplash, un pulsante per mettere Mi piace all'immagine o vedere il pulsante che ti consente di visualizzare l'immagine su Unsplash.com.

Facendo clic sull'ingranaggio si apre la finestra Modifica dettagli immagine per quell'immagine. Qui puoi rinominarlo, aggiungere il tuo testo alternativo e aggiungere la tua didascalia.

Facendo clic sull'immagine, la si importa automaticamente nella libreria multimediale.

Dopo l'importazione dell'immagine, riceverai un messaggio che informa che l'immagine è in fase di ridimensionamento.

Puoi importare più immagini alla volta.

Una volta ridimensionati e aggiunti alla tua libreria multimediale, vedrai un'icona con un segno di spunta verde.

Le immagini sono ora nella libreria multimediale dove posso usarle dove voglio.

La ricerca fornisce un conteggio del numero di immagini che utilizzano quella parola chiave. Facendo clic sulla x sul numero si cancellano i risultati della ricerca. Puoi cercare per parola chiave o per ID foto. L'ID foto è utile se hai trovato l'immagine su Unsplash.com e desideri utilizzare le immagini istantanee per importarla.

Aggiungere immagini direttamente a post e pagine

Se hai già aggiunto le immagini alla tua libreria multimediale, puoi usarle normalmente. Se non li hai ancora aggiunti, non devi prima aggiungerli alla libreria multimediale. Un nuovo pulsante viene aggiunto all'editor di WordPress chiamato Immagini istantanee . Si trova accanto al pulsante Aggiungi media .

Si apre una finestra modale in cui è possibile scorrere le immagini nuove, popolari o meno recenti e cercare le immagini desiderate.

Fare clic sull'immagine che si desidera e passerà attraverso il processo di download e ridimensionamento. Una volta che ha completato il processo e ti ha dato il segno di spunta verde, si aprirà una nuova schermata all'interno della modale in cui puoi modificare l'immagine. Qui puoi vedere il titolo, il testo alternativo, la didascalia, la descrizione, l'URL del link, l'allineamento e le dimensioni. Una volta effettuate le selezioni, fai clic sul pulsante per inserire l'immagine nel tuo contenuto.

L'immagine verrà aggiunta al post come se l'avessi selezionata dalla tua libreria multimediale.

In questo esempio, ho aggiunto un'immagine all'interno del contenuto con la dimensione Media e le ho assegnato un attributo Allinea a sinistra.

Questo non è un plug-in Divi, ma il pulsante Immagini istantanee è disponibile anche per qualsiasi modulo Divi che utilizza l'editor di WordPress.

Tuttavia, la scheda Immagini istantanee non viene aggiunta al generatore di front-end. Naturalmente, puoi comunque utilizzare tutte le immagini che hai aggiunto al catalogo multimediale, comprese quelle che hai aggiunto con le immagini istantanee.

Licenza Unsplash Immagini

Le foto di Unsplash sono ideali per i tuoi progetti grazie alla loro licenza. Tutte le foto su Unsplash possono essere utilizzate gratuitamente sia per scopi commerciali che non. Non è necessaria l'autorizzazione e non è necessario fornire credito a Unsplash o al fotografo.

Puoi scaricare, distribuire, copiare e modificare le foto nel modo che preferisci. Non puoi venderli o creare un servizio concorrente di Unsplash.

Pensieri finali

Questo è il nostro sguardo su come utilizzare le immagini Unsplash in WordPress con un clic. Instant Images è di gran lunga il modo più semplice che ho visto per importare immagini Unsplash in WordPress. Mi piace la possibilità di impostare la dimensione massima dell'immagine e che si ridimensiona durante l'importazione dell'immagine. Questo è eccellente per riempire la tua libreria multimediale con foto di alta qualità da utilizzare nei tuoi progetti.

Se hai bisogno di foto di alta qualità nei tuoi progetti, Instant Images potrebbe essere il plug-in di cui hai bisogno per semplificare il processo di utilizzo.

Vogliamo sentire da voi. Hai provato Immagini istantanee - Caricamenti Unsplash con un clic? Fateci sapere cosa ne pensate nei commenti qui sotto.

Immagine in primo piano tramite GoodStudio / shutterstock.com