Comment utiliser les images Unsplash dans WordPress en un seul clic

Publié: 2018-09-30

Unsplash est l'un des meilleurs endroits en ligne pour obtenir des images gratuites à utiliser dans vos projets. Ils ne nécessitent pas d'attribution, ils sont de haute qualité, de nouvelles images sont ajoutées chaque jour, il est facile de rechercher et vous pouvez trouver des photos sur pratiquement tous les sujets que vous pouvez imaginer.

La plupart des articles que j'ai écrits qui utilisent des exemples de publications incluent des images tirées d'Unsplash. Ils sont d'une qualité incroyable, mais ce sont aussi de très gros fichiers. Ils nécessitaient généralement plusieurs étapes pour les préparer pour mon site Web.

Le processus ressemblait généralement à ceci : allez sur Unsplash dans mon navigateur, recherchez ou faites défiler, téléchargez chaque image individuelle sur mon ordinateur portable, redimensionnez chaque image avec mon logiciel de retouche photo, puis téléchargez-les sur WordPress pour les utiliser dans mes projets.

J'ai maintenant trouvé un moyen de raccourcir ce processus. Cela ressemble maintenant à ceci : sélectionnez Unsplash dans WordPress, recherchez ou faites défiler et sélectionnez les images que je veux. Les images sont automatiquement redimensionnées et placées dans mon dossier multimédia WordPress où je peux les utiliser dans mes projets, ou elles sont automatiquement placées dans mon contenu. Cela signifie que je peux maintenant utiliser les images Unsplash dans WordPress en un seul clic. Pas de téléchargement. Pas de redimensionnement.

Abonnez-vous à notre chaîne Youtube

Images instantanées - Téléchargements Unsplash en un clic

La solution est un plugin gratuit dans le dépôt WordPress appelé Instant Images. Vous pouvez le télécharger depuis le dépôt ou le rechercher dans le menu des plugins WordPress.

Une fois activé, un nouvel élément de menu est ajouté au menu Média appelé Instant Images . Ici, vous pouvez ajuster les paramètres, voir des photos nouvelles, populaires ou anciennes, ou rechercher des photos. Les images se chargent avec AJAX, donc de nouvelles images s'affichent tant que vous faites défiler (ce qui peut créer une dépendance, mais c'est un problème différent). Un menu en bas de l'écran fournit des liens pour se connecter, laisser un avis ou consulter la FAQ.

Le plugin fournit deux façons d'ajouter des images Unsplash à WordPress :

  • Dans l'onglet Médias - cela fonctionne à la fois avec l'éditeur actuel et avec Gutenberg.
  • Dans la page ou la publication – cela fonctionne avec l'éditeur actuel et avec les constructeurs de pages qui utilisent l'éditeur WordPress actuel.

Paramètres des images instantanées

En cliquant sur Paramètres dans le coin supérieur droit, vous obtenez un écran avec plusieurs paramètres et zones de contenu. Les paramètres Unsplash incluent les paramètres de taille d'image pour la largeur et la hauteur maximales et une case à cocher pour masquer le bouton Images instantanées qui se trouve à côté du bouton Ajouter un média sur l'écran de publication. Je les laisse à leurs valeurs par défaut, mais c'est une excellente fonctionnalité pour contrôler la taille des images.

Quoi de neuf fournit des informations sur les deux dernières mises à jour. Nos plugins répertorient d'autres plugins par l'éditeur et fournissent des boutons pour que vous puissiez les installer à partir du dépôt WordPress. Cliquez sur le bouton Paramètres X dans le coin supérieur droit pour fermer cet écran.

Définition des autorisations du serveur

Très probablement, vous pourrez télécharger des images sans problème. J'ai essayé deux installations différentes. Le premier n'a eu aucun problème tandis que le second ne téléchargeait pas les images. Le problème était les paramètres d'autorisation pour mon serveur. Les autorisations ont été définies sur 341. Il doit au moins être défini sur 755. Si vous utilisez cPanel, accédez au dossier images instantanées dans le dossier wp-content/uploads sur votre serveur et cliquez sur Autorisations . Le vôtre pourrait être différent de celui-ci.

Si vous rencontrez des problèmes pour importer une image, assurez-vous de vérifier les autorisations de votre serveur. Si ce n'est pas le problème, consultez la FAQ pour plus d'informations sur le dépannage. Il n'y a pas beaucoup de problèmes, mais j'ai dû définir les autorisations.

Ajouter des images à votre médiathèque

Pour ajouter des images directement à votre médiathèque, cliquez sur Images instantanées dans le menu du tableau de bord Média. Vous pouvez trouver des images en sélectionnant Nouveau, Populaire, Plus ancien ou en effectuant une recherche. Le défilement révèle plus d'images.

Une fois que vous avez trouvé une image que vous souhaitez ajouter à votre bibliothèque, cliquez sur l'image. Passez la souris sur l'image pour voir le bouton permettant de modifier les détails de cette image, la vignette du photographe avec un lien vers ses images sur Unsplash, un bouton pour aimer l'image ou voir le bouton qui vous permet de visualiser l'image sur Unsplash.com.

En cliquant sur l'engrenage, vous ouvrez les détails de l'image pour cette image. Ici, vous pouvez le renommer, ajouter votre propre texte alternatif et ajouter votre propre légende.

Cliquer sur l'image l'importe automatiquement dans votre médiathèque.

Une fois l'image importée, vous recevrez un message indiquant que l'image est en train d'être redimensionnée.

Vous pouvez importer plusieurs images à la fois.

Une fois qu'ils sont redimensionnés et ajoutés à votre bibliothèque multimédia, vous verrez une icône de coche verte.

Les images sont maintenant dans la médiathèque où je peux les utiliser où je veux.

La recherche fournit un décompte du nombre d'images qui utilisent ce mot-clé. Cliquer sur le x sur le numéro efface les résultats de la recherche. Vous pouvez effectuer une recherche par mot-clé ou par photo d'identité. La photo d'identité est utile si vous avez trouvé l'image sur Unsplash.com et que vous souhaitez utiliser Instant Images pour l'importer.

Ajout d'images directement aux articles et aux pages

Si vous avez déjà ajouté les images à votre médiathèque, vous pouvez les utiliser normalement. Si vous ne les avez pas encore ajoutés, vous n'avez pas besoin de les ajouter d'abord à la médiathèque. Un nouveau bouton est ajouté à l'éditeur WordPress appelé Instant Images . Il se trouve à côté du bouton Ajouter un média .

Cela ouvre un modal où vous pouvez faire défiler les images nouvelles, populaires ou les plus anciennes, et rechercher les images que vous souhaitez.

Cliquez sur l'image que vous voulez et elle passera par son processus de téléchargement d'un redimensionnement. Une fois qu'il a terminé le processus et vous a donné la coche verte, il ouvrira un nouvel écran dans le modal où vous pourrez éditer l'image. Ici, vous pouvez voir le titre, le texte alternatif, la légende, la description, l'URL du lien, l'alignement et la taille. Une fois que vous avez fait vos sélections, cliquez sur le bouton pour insérer l'image dans votre contenu.

L'image sera ajoutée à la publication de la même manière que si vous l'aviez sélectionnée dans votre médiathèque.

Dans cet exemple, j'ai ajouté une image dans le contenu avec la taille moyenne et je lui ai donné un attribut Aligner à gauche.

Ce n'est pas un plugin Divi, mais le bouton Instant Images est également disponible pour tout module Divi qui utilise l'éditeur WordPress.

L'onglet Images instantanées n'est cependant pas ajouté au générateur frontal. Bien sûr, vous pouvez toujours utiliser toutes les images que vous avez ajoutées à la bibliothèque multimédia, y compris celles que vous avez ajoutées avec Instant Images.

Licence d'images Unsplash

Les photos d'Unsplash sont idéales pour vos projets en raison de leur licence. Toutes les photos sur Unsplash peuvent être utilisées gratuitement à des fins commerciales et non commerciales. Vous n'avez pas besoin d'autorisation et vous n'avez pas besoin de créditer Unsplash ou le photographe.

Vous pouvez télécharger, distribuer, copier et modifier les photos comme vous le souhaitez. Vous ne pouvez pas les vendre ou créer un service concurrent à Unsplash.

Mettre fin aux pensées

C'est notre regard sur la façon d'utiliser les images Unsplash dans WordPress en un seul clic. Instant Images est de loin le moyen le plus simple que j'ai vu pour importer des images Unsplash dans WordPress. J'aime la possibilité de définir la taille maximale de l'image et de la redimensionner au fur et à mesure de l'importation de l'image. C'est excellent pour remplir votre médiathèque avec des photos de haute qualité à utiliser dans vos projets.

Si vous avez besoin de photos de haute qualité dans vos projets, Instant Images peut être le plugin dont vous avez besoin pour rationaliser le processus d'utilisation.

Nous voulons de vos nouvelles. Avez-vous essayé Instant Images - One Click Unsplash Uploads ? Faites-nous savoir ce que vous en pensez dans les commentaires ci-dessous.

Image en vedette via GoodStudio / shutterstock.com