En un artículo anterior compartí contigo un listado de sitios donde encontrar imágenes gratis para acompañar tus artículos, Unsplash es uno de ellos contando con una biblioteca de más de 810.000 fotos y subiendo.

Por lo general para poder utilizar las imágenes de sitios como Unsplash tienes que dirigirte a su web, buscar la imagen que más te guste y sirva para lo que la quieres, descargarla a tu computador para luego subirla a tu WordPress.

Pero esta semana quiero contarte cómo poder utilizar las imágenes de Unsplash directamente desde tu propio WordPress, sin tener que hacer todo el proceso anterior, especialmente descargar la imagen a tu computador y subirla a tu Blog.

Al igual que para agregar imágenes de Pixabay directamente a tu Blog, tendrás que utilizar un nuevo plugin en tu WordPress, eso sí totalmente gratuito.

Agregando Instant Images a tu Blog

El plugin que te permitirá tener a disposición de forma súper fácil todas las imágenes de Unsplash es Instant Images – One Click Unsplash Uploads, el cual está disponible en el Repositorio oficial de WordPress

Entre sus características están

  • Búsqueda de imágenes: la búsqueda de Imágenes instantáneas te permitirá encontrar y cargar imágenes en cuestión de segundos.
  • Ahorro de tiempo: No tendrás que dejar tu WordPress para encontrar y subir imágenes a tus artículos.
  • Gutenberg: Instant Images se integra directamente con Gutenberg como una barra lateral de complementos.
  • Editar metadatos de imagen: edita fácilmente el nombre de archivo de la imagen, el texto alternativo y el título antes de cargarlos en su biblioteca multimedia (Ojo con el SEO)
  • Fácil de usar: no podría ser mucho más simple, sólo haga clic en una imagen y se carga automáticamente en la biblioteca de medios para usar en tu Blog.

Para instalarlo solo dirígete a Plugins -> Nuevo y buscalo por su nombre, luego tienes que hacer clic en instalar, en unos pocos segundos estará listo y el botón cambia a Activar, haz clic en él para activar el plugin.

Instalando Instant Images

Al activarse el plugin, verás un nuevo enlace dentro de Medios en el menú lateral del Administrador de WordPress. Es ahí donde está toda la magia del plugin, incluyendo los ajustes y la visualización y búsqueda de imágenes.

Instant Images bajo el menu Medios en WordPress

Configuración del Plugin

Para poder configurar el plugin solo tienes que hacer clic en el botón Setting ubicado en la parte superior derecha. Los ajustes en si del plugin son solo tres, el ancho y el alto máximo de las imágenes a cargar en tu blog y si quieres que no aparezca el botón Agregar Medios en el Editor Clásico de WordPress

Configuración de Instant Images

De las tres opciones las dos primeras son las importantes, ten siempre presente el tamaño máximo que utilizas para las imágenes de tu blog, de esta forma no estarás cargando imágenes demasiado grandes o demasiado pequeñas. Recuerda guardar tus modificaciones

En What’s New vas a encontrar las novedades de las últimas dos versiones del plugin y en Our Plugins una recomendación de otros plugins desarrollados por Darren Cooney. Para cerrar esta pantalla solo tienes que hacer clic nuevamente el botón settings.

Agregando Imágenes a la Biblioteca Multimedia

En Instant Images hay dos métodos para cargar imágenes a tu blog, el primero de ellos es cargarlas directamente a la biblioteca multimedia y para hacerlo solo tienes que buscar en la pantalla anterior las imágenes que quieras subir.

En la parte superior aparecen tres enlaces New, Popular y Oldest, con los tres puedes ver diferentes imágenes publicadas en Unsplash, tal como lo señala el nombre en inglés, Nuevas, Populares y Viejas.

Junto a los tres enlaces anteriores, pero más a la derecha aparece la caja de búsqueda en donde podrás escribir la palabra o frase que te permitirá encontrar la imagen que deseas del catálogo completo de Unsplash

La carga de las imágenes es a través de ajax por lo que no será necesario que vuelvas a cargar el sitio web, además los resultados se irán mostrando mientras vas bajando en la misma ventana.

Para poder cargar la imagen que deseas solo tienes que hacer clic en ella, comienza automáticamente el proceso de descarga, luego pasa a escalar la imagen de acuerdo a lo que señalaste en Settings.

Cargando Imágenes a tu WordPress desde Unsplash

Si te fijas, antes de hacer clic en la imagen, podrás ver alguna información e iconos sobre ella. En la parte superior aparecen los likes de la imagen y una flecha para ver la imagen en Unsplash. En la parte baja aparece el autor y un engranaje donde podrás acceder a modificar algunas opciones de la misma.

Información adicional de las imágenes

Los detalles que puedes modificar, antes de descargar la imagen son el nombre de archivo, el texto alternativo y la leyenda o pie de foto, aunque el segundo y el tercero lo puedes modificar con posterioridad en la biblioteca multimedia.

Detalles a modificar antes de descargar la imagen.

Ahora si te diriges a Biblioteca encontrarás las imágenes que cargaste a través del plugin, por lo que las podrás utilizar en tus artículos, páginas y cualquier otro tipo de contenido de tu blog.

Agregando Imágenes con Gutenberg

Debido a que muchos ya están utilizando WordPress 5, no voy a mostrarte como hacerlo desde el editor clásico de WordPress y solo utilizando Gutenberg.

A día de hoy no encuentro que la forma en que se integra este plugin con Gutenberg sea la más ideal, en lo personal esperaría que fuera directamente en los bloques de imágenes, pero no es así.

El botón que da acceso al plugin en el Editor de WordPress puede pasar un poco desapercibido, pero se encuentra en la parte superior derecha, justo al lado del engranaje de Ajustes.

Instant Images en el Gutenberg

Al hacer clic en el botón, la columna derecha cambia para dar paso a una nueva, en donde veras condensada lo que ya viste al ingresar en Medios -> Instant Images, los enlaces de New, Popular y Oldest y la caja de busqueda.

Las imágenes aparecerán justo debajo, a diferencia de lo que ya viste, esta vez tendrás que hacer clic en el botón Load More Images para seguir cargando imágenes

Al igual que en el caso anterior, si pones el mouse sobre la imagen podrás encontrar la misma información y dos iconos nuevos, el de una imagen y el símbolo de más

Información adicional de las imágenes

Con el icono de la imagen tienes la posibilidad de señalar que la imagen que seleccionaste la vas a utilizar como imagen destaca del artículo, con esto comienza el proceso de descarga y escalado de la imagen terminando cuando veas una ticket verde.

Por otra parte para incorporarlo directamente al contenido del artículo tienes que hacer clic en el icono del símbolo más, al igual que en el caso de la imagen destacada comienza el mismo proceso, terminando con la imagen en el artículo.

Debido a que es un bloque de Imagen puedes hacer todo lo que puedes hacer con otras imágenes, revisar su alineación, reordenar el bloque o incluso transformarlo en otro.

Palabras al cierre

Como puedes ver puedes incorporar fácilmente imágenes a tus contenidos y “sin moverte de tu escritorio”, lo ideal sería utilizar tus propias imágenes o modificar las que encuentres si la licencia de las mismas te lo permite.

Como siempre estoy atento a tus dudas a través de los Comentarios, del Formulario del blog y en mi Twitter. No dudes en compartir este artículo en tus redes sociales, te lo agradecería un montón