Las imágenes son fundamentales para tu web… Saber cómo trabajar con ellas en WordPress es vital para el SEO y la accesibilidad de tu proyecto.

Cuando comienzas a editar tus primeros contenidos en WordPress vas a necesitar añadir imágenes y otros tipos de archivo para complementar tus textos. ¿Cómo añadir nuevas imágenes? ¿Cómo trabajar con ellas? Todas estas preguntas y muchas más las resolveremos hoy con el menú Medios de WordPress. ¡Vamos allá!

Biblioteca

Cuando haces click en el menú Medios o Multimedia del menú lateral izquierdo de tu WordPress accedes directamente a la Biblioteca de medios o Biblioteca multimedia, dependiendo de la actualización de traducción que tengas instalada en tu instalación.

Vista de la biblioteca multimedia de WordPress
Vista de la biblioteca de medios o biblioteca multimedia de WordPress.

Qué es

Este apartado es el contenedor donde se aglutinan todos los archivos que subes a tu WordPress. Todas las imágenes, audios, vídeos, etc. que subas para complementar tus textos se guardarán dentro de la Biblioteca. Como te decía, la Biblioteca multimedia está diseñada principalmente para contener los archivos multimedia que se insertan en tus entradas y páginas. Pero también puedes utilizarla como almacén de aquellos archivos que quieras adjuntar dentro de tus páginas o posts.

Tipos de archivo

La Biblioteca de medios de WordPress admite las principales extensiones de imagen, audio y vídeo. Del mismo modo, también es compatible con los archivos de Microsoft Office y OpenOffice, por lo que puedes trabajar prácticamente con cualquier archivo que desees adjuntar en tu web. Si deseas conocer cuales son los tipos de archivo permitidos en la Biblioteca, sólo tienes que consultar la documentación oficial de WordPress.

Vista de lista o vista de cuadrícula

Las dos primeras opciones que encontrarás en la barra de filtros de la Biblioteca multimedia son los dos tipos de vista que puedes utilizar para mostrar tus archivos. Tienes dos opciones a tu disposición:

Selector de vistas de la biblioteca multimedia
Selector de vistas de la biblioteca multimedia.
  • Vista de lista: muestra tus archivos de manera similar a las entradas o las páginas. Indicando en sus columnas la miniatura de previsualización, el nombre del archivo, el usuario que lo ha subido, la entrada / página en la que está insertado, comentarios y la fecha en que se subió.
Biblioteca multimedia en formato vista de lista
Biblioteca multimedia en formato vista de lista.
  • Vista de cuadrícula: muestra la previsualización de tus archivos multimedia en forma de rejilla o cuadrícula sin ninguna información adicional. Para conocer los detalles de cada archivo deberás hacer click en cada uno de ellos para acceder a la ventana de información.
Biblioteca multimedia en formato vista de cuadrícula
Biblioteca multimedia en formato vista de cuadrícula.

Filtros de tipo de archivo

Cuando el volumen de archivos que has subido a tu WordPress empieza a ser considerable, en muchas ocasiones necesitarás filtrarlos para encontrar el que buscas. Las opciones de filtro que tienes disponibles son las siguientes:

Filtro de tipo de archivo y filtro de fecha
Filtro por tipo de archivo y filtro de fecha.
  • Filtro por tipo de archivo: te permite filtrar los archivos en función de la tipología de archivo que se trate. Imágenes, vídeos, etc.
  • Filtro por fecha: te permite mostrar los archivos que hayas subido en un mes determinado. El filtro por fecha está relacionado directamente con la opción de los ajustes de medios de WordPress que establece que las subidas de archivos que realices se organicen por fecha dentro de la carpeta uploads de tu instalación.

Búsqueda

Por último, en la parte derecha de la barra de la Biblioteca multimedia tenemos el buscador. Si estás buscando un archivo en concreto y conoces su nombre o parte de él, puedes hacer una búsqueda para que WordPress lo localice por ti.

Para encontrar imágenes concretas, utiliza el buscador de la biblioteca
Para encontrar imágenes o archivos concretos, utiliza el buscador de la biblioteca.

Es una opción muy cómoda cuando tienes cientos de imágenes y archivos dentro de tu WordPress.

Acciones en lote o selección múltiple

Si trabajas con la vista de lista en tu Biblioteca de medios tienes disponible el selector de las Acciones en lote de forma similar a las entradas y páginas. La única diferencia es que en la Biblioteca sólo tienes la opción de eliminar.

Por el contrario, si utilizas la vista de cuadrícula, dispondrás del botón de Selección múltiple a la derecha de los filtros de la Biblioteca multimedia.

El botón de selección múltiple te permite seleccionar varios archivos
El botón de selección múltiple te permite seleccionar varios archivos a la vez para eliminarlos.

Al hacer click sobre este botón, puedes seleccionar tantos archivos como desees para eliminarlos de tu biblioteca. Solo tienes que hacer click en el botón Borrar selección.

La opción selección múltiple te permite eliminar varios archivos desde la vista de cuadrícula.
La opción selección múltiple te permite eliminar varios archivos desde la vista de cuadrícula.

 

Trabajando con una imagen

Los medios son realidad un tipo especial de post, un Custom Post Type similar a los que ya hemos vistos en semanas anteriores. El caso de los medios, se trata del attatchment. Este tipo de post, además de guardar el archivo al que hace referencia, guarda información adicional que puedes editar en función de tus necesidades. ¿Cómo? ¡Muy fácil! ¡Sigue leyendo! 😉

Detalles de adjuntos

Cuando haces click sobre cualquiera de los archivos que has subido a tu WordPress se abre la ventana de detalles de adjunto en la que podrás ver y/o editar los siguientes campos:

Panel de detalle de adjuntos de la Biblioteca multimedia
Panel de detalles de adjuntos de la Biblioteca de medios.
  • URL: la url que enlaza con el archivo.
  • Título: se corresponde con la etiqueta title del enlace al archivo.
  • Leyenda: es el texto que aparecerá como pie de foto en tus imágenes.
  • Texto alternativo: es el texto que aparecerá cuando la imagen no se cargue por algún problema. Y además, es el texto que leerá el software de escaneo web que utilizan las personas invidentes.
  • Descripción: campo de texto que te permitirá realizar anotaciones para reconocer que es cada archivo.
  • Subido por: el usuario que ha subido dicho archivo.
  • Subido a: indica con qué entrada o página está vinculado el archivo.

Editar imagen

La última opción que tienes disponible dentro de la ventana Detalles de adjuntos es Editar Imagen. Al hacer click sobre el botón, encontramos un editor de imágenes con las siguientes funciones básicas:

Las herramientas de edición de imágenes te permiten retocar tus archivos desde el propio WordPress
Las herramientas de edición de imágenes te permiten retocar tus archivos desde el propio WordPress.
  • Selección y recorte: sobre la previsualización de la imagen puedes pinchar y arrastrar hasta formar la selección que desees recortar de la imagen. Si te fijas, en la columna de la derecha, en el apartado selección, WordPress te muestra en tiempo real las dimensiones de la selección que estás realizando. Una vez hayas establecido la selección manual, solo tienes que hacer click en el botón Recortar para guardar los cambios de la imagen.
  • Girar 90º a la izquierda: gira la imagen noventa grados en sentido contrario a las agujas del reloj.
  • Girar 90º a la derecha: gira la imagen noventa grados en sentido de las agujas del reloj.
  • Volteo horizontal: refleja la imagen sobre su eje horizontal.
  • Volteo vertical: refleja la imagen sobre su eje vertical.
  • Deshacer/rehacer: por si te equivocas de botón… 🙂

Además de las opciones anteriores también tienes las opciones:

  • Escalar la imagen: redimensiona la imagen a las dimensiones que elijas. Aunque la opción te permite hacer el escalado que quieras, te recomiendo que sólo utilices esta opción para hacer una imagen más pequeña.
  • Recortar imagen: similar a la opción de Selección y recorte que veíamos antes. En este caso, puedes escoger una proporción determinada o insertar la dimensión en píxeles del recorte.
  • Opciones de miniatura: te permite elegir si la edición que estás realizando a una imagen se aplica a todos los tamaños de imagen que crea WordPress, sólo a su imagen en miniatura, o a todos los tamaños excepto la miniatura.

Añadir nuevo

La opción de Añadir nuevo, presente tanto en el menú de navegación izquierdo, en la parte superior de la Biblioteca multimedia, como en la barra superior del Escritorio de WordPress te permite añadir un nuevo elemento multimedia. Al hacer click sobre dicho botón, se carga la página para subir un nuevo archivo. Tan solo tienes que arrastrar el archivo que quieras subir o buscarlo en tu equipo a través del botón Selecciona archivos.

Para añadir nuevos archivos tan solo tienes que arrastrarlos sobre la zona recuadrada o seleccionarlos en tu ordenador
Para añadir nuevos archivos tan solo tienes que arrastrarlos sobre la zona recuadrada o seleccionarlos en tu ordenador.

Resumiendo…

Los medios de WordPress son un tipo especial de post (attatchment) qué utilizarás con todos aquellos archivos multimedia que uses en tu web. Hemos visto sus características y cómo trabajar con ellos. La semana que viene veremos en qué consiste el menú Comentarios y cuál es su funcionamiento.

Así que ahora, que ya conoces las entradas, las páginas y los medios, ya puedes trabajar sin ninguna limitación todos los contenidos de tu web. Y recuerda, que si tienes cualquier duda, puedes contactar conmigo y te explicaré cómo resolverla. ¡Así que manos a la obra! 😉

 

¿Quieres mejorar tu WordPress?

Accede a mi directorio de herramientas (actualmente tienes disponibles 1191 herramientas) y haz que tu proyecto suba de nivel de forma fácil y rápida.

Acceder

¿Olvidaste tu contraseña?