Cómo usar imágenes de Unsplash en WordPress con un clic

Publicado: 2018-09-30

Unsplash es uno de los mejores lugares en línea para obtener imágenes gratuitas para usar en sus proyectos. No requieren atribución, son de alta calidad, se agregan nuevas imágenes todos los días, es fácil de buscar y puedes encontrar fotos sobre prácticamente cualquier tema que puedas imaginar.

La mayoría de los artículos que he escrito que usan publicaciones de ejemplo incluyen imágenes tomadas de Unsplash. Tienen una calidad asombrosa, pero también son archivos muy grandes. Por lo general, requerían varios pasos para prepararlos para mi sitio web.

El proceso generalmente era algo como esto: ir a Unsplash en mi navegador, buscar o desplazarse, descargar cada imagen individual a mi computadora portátil, cambiar el tamaño de cada imagen con mi software de edición de fotos y luego subirlas a WordPress para usarlas en mis proyectos.

Ahora encontré una manera de acortar este proceso. Ahora tiene este aspecto: seleccione Unsplash en WordPress, busque o desplácese y seleccione las imágenes que desee. Las imágenes se redimensionan automáticamente y se colocan dentro de mi carpeta de medios de WordPress donde puedo usarlas en mis proyectos, o se colocan automáticamente dentro de mi contenido. Esto significa que ahora puedo usar imágenes Unsplash en WordPress con un solo clic. Sin descarga. Sin cambio de tamaño.

Suscríbete a nuestro canal de Youtube

Imágenes instantáneas: subidas Unsplash con un clic

La solución es un complemento gratuito en el depósito de WordPress llamado Instant Images. Puede descargarlo del depósito o buscarlo en el menú Complementos de WordPress.

Una vez que está activado, se agrega un nuevo elemento de menú al menú de Medios llamado Imágenes instantáneas . Aquí puede ajustar la configuración, ver fotos nuevas, populares o más antiguas, o buscar fotos. Las imágenes se cargan con AJAX, por lo que se muestran nuevas imágenes mientras se desplaza (lo que puede ser adictivo, pero ese es un problema diferente). Un menú en la parte inferior de la pantalla proporciona enlaces para conectarse, dejar una reseña o ver las preguntas frecuentes.

El complemento proporciona dos formas de agregar imágenes Unsplash a WordPress:

  • Dentro de la pestaña Medios, esto funciona tanto con el editor actual como con Gutenberg.
  • Dentro de la página o publicación: esto funciona con el editor actual y con los creadores de páginas que utilizan el editor de WordPress actual.

Configuración de imágenes instantáneas

Al hacer clic en Configuración en la esquina superior derecha, aparece una pantalla con varias configuraciones y áreas de contenido. La configuración de Unsplash incluye la configuración del tamaño de la imagen para el ancho y alto máximo y una casilla de verificación para ocultar el botón Imágenes instantáneas que se encuentra junto al botón Agregar medios en la pantalla de edición de publicaciones. Los dejo con sus valores predeterminados, pero esta es una característica excelente para controlar el tamaño de las imágenes.

Novedades proporciona información sobre las dos últimas actualizaciones. Nuestros complementos enumeran otros complementos del editor y proporcionan botones para que pueda instalarlos desde el depósito de WordPress. Haga clic en el botón X Configuración en la esquina superior derecha para cerrar esta pantalla.

Configuración de permisos del servidor

Lo más probable es que pueda cargar imágenes sin problemas. Probé dos instalaciones diferentes. El primero no tuvo problemas mientras que el segundo no subió las imágenes. El problema fue la configuración de permisos para mi servidor. Los permisos se establecieron en 341. Es necesario que al menos se establezca en 755. Si está usando cPanel, navegue a la carpeta de imágenes instantáneas dentro de la carpeta wp-content / uploads en su servidor y haga clic en Permisos . El tuyo puede verse diferente a esto.

Si tiene problemas para importar una imagen, asegúrese de verificar los permisos de su servidor. Si ese no es el problema, consulte las preguntas frecuentes para obtener más información sobre la solución de problemas. No hay muchos problemas, pero tuve que configurar los permisos.

Agregar imágenes a su biblioteca de medios

Para agregar imágenes directamente a su biblioteca de medios, haga clic en Imágenes instantáneas en el menú del panel de medios. Puede encontrar imágenes seleccionando Nuevo, Popular, Más antiguo o buscando. El desplazamiento revela más imágenes.

Una vez que encuentre una imagen que desee agregar a su biblioteca, haga clic en la imagen. Desplácese sobre la imagen para ver el botón para editar los detalles de esa imagen, la miniatura del fotógrafo con un enlace a sus imágenes en Unsplash, un botón para Me gusta la imagen o vea el botón que le permite ver la imagen en Unsplash.com.

Al hacer clic en el engranaje, se abre Editar detalles de imagen para esa imagen. Aquí puede cambiarle el nombre, agregar su propio texto alternativo y agregar su propio título.

Al hacer clic en la imagen, se importa automáticamente a su biblioteca de medios.

Después de que la imagen se importe, recibirá un mensaje de que la imagen está cambiando de tamaño.

Puede importar varias imágenes a la vez.

Una vez que hayan cambiado de tamaño y se hayan agregado a su biblioteca de medios, verá un icono de marca de verificación verde.

Las imágenes están ahora en la biblioteca de medios donde puedo usarlas en cualquier lugar que desee.

La búsqueda proporciona un recuento del número de imágenes que utilizan esa palabra clave. Al hacer clic en la x del número, se borran los resultados de la búsqueda. Puede buscar por palabra clave o por identificación con foto. La identificación con foto es útil si ha encontrado la imagen en Unsplash.com y desea utilizar Instant Images para importarla.

Agregar imágenes directamente a publicaciones y páginas

Si ya ha agregado las imágenes a su biblioteca de medios, puede usarlas normalmente. Si aún no los ha agregado, no es necesario que los agregue primero a la biblioteca multimedia. Se agrega un nuevo botón al editor de WordPress llamado Instant Images . Se encuentra junto al botón Agregar medios .

Esto abre un modal donde puede desplazarse por las imágenes nuevas, populares o más antiguas, y buscar las imágenes que desee.

Haga clic en la imagen que desee y pasará por su proceso de descarga y cambio de tamaño. Una vez que haya completado el proceso y te haya dado la marca de verificación verde se abrirá una nueva pantalla dentro del modal donde podrás editar la imagen. Aquí puede ver el título, el texto alternativo, el título, la descripción, la URL del enlace, la alineación y el tamaño. Una vez que haya realizado sus selecciones, haga clic en el botón para insertar la imagen en su contenido.

La imagen se agregará a la publicación de la misma manera que si la hubiera seleccionado de su biblioteca de medios.

En este ejemplo, agregué una imagen dentro del contenido con el tamaño Medio y le di un atributo Alinear a la izquierda.

Este no es un complemento Divi, pero el botón Imágenes instantáneas también está disponible para cualquier módulo Divi que utilice el editor de WordPress.

Sin embargo, la pestaña Imágenes instantáneas no se agrega al generador de interfaces. Por supuesto, aún puede usar las imágenes que haya agregado a la biblioteca de medios, incluidas las que haya agregado con Imágenes instantáneas.

Licencia de Unsplash Images

Las fotos de Unsplash son ideales para sus proyectos debido a su licencia. Todas las fotos de Unsplash se pueden utilizar de forma gratuita con fines comerciales y no comerciales. No necesita permiso y no tiene que dar crédito a Unsplash o al fotógrafo.

Puede descargar, distribuir, copiar y modificar las fotos de la forma que desee. No puede venderlos ni crear un servicio que compita con Unsplash.

Pensamientos finales

Ese es nuestro vistazo a cómo usar imágenes de Unsplash en WordPress con un solo clic. Instant Images es, con mucho, la forma más fácil que he visto de importar imágenes Unsplash a WordPress. Me gusta la capacidad de establecer el tamaño máximo de la imagen y que cambia de tamaño a medida que se importa la imagen. Esto es excelente para llenar su biblioteca multimedia con fotos de alta calidad para usar en sus proyectos.

Si necesita fotos de alta calidad en sus proyectos, Instant Images podría ser el complemento que necesita para agilizar el proceso de uso.

Queremos escuchar de ti. ¿Has probado Imágenes instantáneas - Subidas Unsplash con un clic? Háganos saber lo que piensa al respecto en los comentarios a continuación.

Imagen destacada a través de GoodStudio / shutterstock.com