Lorsque nous créons un nouveau site Web ou préparons une fonctionnalité de test, nous devons souvent travailler avec des images de test pour voir à quoi cela ressemble.
Ce que nous faisons habituellement, c'est prendre n'importe quelle image sur Internet et perdre du temps à préparer des images que nous remplacerons plus tard, c'est-à-dire :
On perd du temps 😠 👎
Si cette histoire vous semble familière, vous allez adorer le tutoriel d'aujourd'hui 😄
Tout comme il y a un texte de preuve, le typique Le sélénium participe au soutien des fonctions cognitives et de l’immunité , ils ont également créé des images de test, que pouvons-nous appeler rapidement.
Par exemple, une image aléatoire de 700×400 pixels devrait apparaître ci-dessous (si vous rechargez la page, vous verrez une photo différente) :
Comment j'ai fait ?
en ajoutant simplement le code suivant :
<img alt="imagen aleatoria" src="https://picsum.photos/700/400?random">
Maintenant je vais vous l'expliquer calmement, mais ne trouvez-vous pas que c'est merveilleux ? A moi oui 😉
Voici le tutoriel vidéo :
S'abonner à mon canal :
Le service que nous utilisons est picsum.photos et bien qu'il ait une très bonne aide ici, je vais expliquer comment cela fonctionne:
Appeler une image d'une taille spécifique
Pour cela, il suffit de mettre l'url de votre site et d'ajouter la taille de l'image à la fin, par exemple 700/400 si ce que l'on veut c'est une image de 700px de large sur 400px de haut :
https://picsum.photos/200/300
Ajouter l'image dans WordPress
Le moyen le plus simple est d'aller dans Ajouter un objet dans notre entrée :
On clique sur "Insérer depuis l'URL" et c'est tout :
Une autre façon de le faire est par code avec un peu de html, c'est très simple et vous le ferez plus rapidement.
Assurez-vous d'avoir l'éditeur HTML et ajoutez simplement ce qui suit :
<img alt="imagen aleatoria" src="https://picsum.photos/700/400?random">
Appeler une image en niveaux de gris
Nous ajoutons simplement le paramètre "g", vous pouvez voir ici comment :
<img alt="imagen aleatoria" src="https://picsum.photos/g/700/400">
Résultat:
Appeler une image bruyante
On ajoute à la fin de l'url »?flou»
<img alt="imagen aleatoria" src="https://picsum.photos/700/400/?blur">
Résultat:
J'ai intégré cet outil dans mon travail quotidien, j'espère qu'il vous sera également utile 😉