Sigue este blog vía RSS, en el Fediverso en @acambronero@www.blogpocket.com, o vía email.

You don’t speak Spanish? Explore a selection of Blogpocket posts in English

Imágenes y gestión de la librería de elementos multimedia de WordPress

Share to social media

Llegamos al capítulo número 8 de la Guía de cómo iniciar un blog en WordPress (¡solo quedan 2 para finalizar esta serie!), en el que se explica cómo añadir imágenes y gestionar la librería de elementos multimedia en WordPress.org. Con esta guía estás aprendiendo los conocimientos fundamentales para construir un blog profesional desde cero.

Repasa los capítulos publicados hasta el momento en la Guía del recién llegado a WordPress:

Gestión de la librería de elementos multimedia de WordPress

Las imágenes, como elemento ilustrativo en los posts, son esenciales y muy importantes en un blog, porque, entre otras cosas, te ayudarán a captar la atención de los lectores. Subir imágenes a tu blog de WordPress o crear una galería, para incluirlas en un post, es una tarea muy sencilla. Sigue leyendo y aprenderás a gestionar las imágenes de tu blog.

Sobre la importancia del uso de imágenes para tu blog, te invito a leer Por qué debes usar imágenes en un blog y cómo optimizarlas.

Crear y configurar el directorio «uploads»

Lo primero que hay que hacer para poder subir imágenes a tu blog es asegurarse de que existe un directorio, denominado «uploads», dentro de la carpeta «wp-content» de tu instalación de WordPress. Si no existe, créalo con permisos «755». Lee más información acerca del cambio de permisos en el Codex: changing file permissions.

wp-imagenes-1 Imágenes y gestión de la librería de elementos multimedia de WordPress
Pantalla de Subir nuevo medio

A continuación, acude a «Medios > Añadir nuevo» y prueba a subir una imagen. Arrastra el archivo o utiliza el botón «Selecciona archivos» (1). Si no funciona, cambia los permisos del directorio «uploads» a «775» o a «777».

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen, vídeo, archivo, etc.) y la pantalla para subir un nuevo medio permite arrastrar varios ficheros a la vez. Lee el Codex para más información acerca de la pantalla «Subir nuevo medio»: Media Add New Screen

Librería multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a «Medios > Librería multimedia».

wp-imagenes-2 Imágenes y gestión de la librería de elementos multimedia de WordPress

WordPress permite adjuntar imágenes (u otros elementos multimedia) a cualquier post o página. Cada vez que subes un archivo, desde el editor de posts (haciendo uso del botón «Añadir objeto»), éste queda asignado como archivo adjunto automáticamente a ese post. También existe la alternativa de adjuntarlo manualmente desde la librería multimedia, empleando el enlace «Adjuntar» que aparece al pasar el ratón por la imagen en cuestión. Pero una vez que el archivo se adjunta ya no hay forma de deshacer esa asignación. Para desasignar una imagen de un post, se puede utilizar uno de los muchos plugins existentes, como por ejemplo Unattach and Re-attach Media Attachments.

Fíjate en la columna «Subido a» de la pantalla de la librería multimedia (2) donde averiguarás a qué post o página está asignada una imagen determinada.

La pantalla de la librería multimedia es muy similar a la que permite gestionar posts, páginas o categorías: también posee el menú para realizar acciones por lotes como, por ejemplo, borrar permanentemente (3).

Lee más acerca de la pantalla de la librería multimedia en el Codex: Media Library Screen.

Editar imágenes

wp-imagenes-3 Imágenes y gestión de la librería de elementos multimedia de WordPress

A la pantalla de edición (ver figura inmediatamente superior) de los elementos multimedia se llega haciendo clic en el enlace «Editar» que aparece al pasar el ratón por cualquiera de los archivos mostrados en la pantalla de la librería multimedia.

El editor de imágenes se divide en 3 partes. En la primera (4), de forma similar a la de posts y páginas, los elementos multimedia se muestran con su «Titulo» y «Contenido». Haz clic en el botón «Editar imagen» para abrir la pantalla secundaria «Editar multimedia».

El bloque «Guardar» (5) sirve para ver la información del archivo, borrarlo y modificar los valores haciendo clic en el botón «Actualizar».

En el bloque (6) se pueden modificar los valores «Leyenda», «Descripción» y «Texto alternativo», que no son obligatorios pero que sirven a efectos de SEO.

wp-imagenes-4 Imágenes y gestión de la librería de elementos multimedia de WordPress

En la pantalla secundaria «Editar multimedia» encontrarás, encima de la vista de la imagen, botones para ajustarla con acciones típicas como la rotación (7). Con el bloque (8) podrás modificar el tamaño de la imagen y cambiar tanto la relación de su aspecto como la selección de recorte. Haz clic en «Escalar imagen» para obtener más opciones. Y si necesitas más información, haz clic en el enlace «Ayuda».

Finalmente, el panel (9) te proporciona una herramienta para modificar los tamaños de la miniatura de la imagen.

Insertar objeto

wp-imagenes-5 Imágenes y gestión de la librería de elementos multimedia de WordPress

La pantalla «Insertar objeto» se utiliza para añadir un nuevo elemento multimedia a la librería, a la vez que se asigna a un determinado post, mientras estamos trabajando en el editor de posts. También sirve para crear galerías, asignar la imagen destacada, etc. A esta pantalla se llega haciendo clic en el botón «Añadir objeto» dentro del editor de posts.

En todos los casos se puede elegir una, o varias, de las imágenes de la librería (10), subir un nuevo archivo o insertarlo desde una URL.

Además de asignar una imagen a un post, se puede crear una galería (una serie de imagenes que se visualizará en forma de rejilla) o determinar la imagen destacada (11).

Muchos themes de WordPress emplean la que se denomina «imagen destacada». En esas plantillas no es necesario que añadas ninguna imagen al contenido del post (habitualmente, mediante el editor visual o utilizando la instrucción «img» en HTML) porque automáticamente se visualizará la imagen destacada. Lo único que debes realizar, en ese caso, es asignar, haciendo uso de la pantalla «Insertar objeto», un imagen destacada al post. Pero un post, en ese tipo de themes, puede llevar imagen destacada y, además, otras imágenes añadidas mediante el editor visual o la instrucción «img» de HTML.

Ajustes de medios

wp-imagenes-6 Imágenes y gestión de la librería de elementos multimedia de WordPress

Cuando subes una imagen a WordPress, se crean automáticamente tres archivos, con tamaños diferentes, en el directorio «uploads», junto al archivo en la proporción original. Estos son lo siguientes:

  • Tamaño miniatura 150 x 150 pixels
  • Tamaño medio 300 x 300 pixels
  • Tamaño grande 1024 x 1024 pixels

Por ejemplo, si subes una imagen cuadrada (el mismo alto y ancho), dentro de un archivo denominad «imagen.png», se crearán los tres siguientes archivos:

  • imagen-150×150.png
  • imagen-300×300.png
  • image-1024×1024.png

Pero si la imagen no es cuadrada, los nombres de los archivos dependerán de la proporción que posea el archivo original.

Esos son los valores por defecto, pero si quieres cambiarlos, acude a la pantalla «Ajustes de medios» yendo a «Ajustes > Medios».

Ahí también podrás desactivar la opción «Organizar mis archivos subidos en carpetas basadas en mes y año» si no quieres crear subcarpetas por mes y año dentro del directorio «uploads».

Próximo capítulo: Los themes de WordPress, qué son y cómo se gestionan

¿Estás buscando hosting?
SiteGround es el hosting de Blogpocket ¡pruébalo!:SITEGROUND-EL-HOSTING-QUE-ME-GUSTA Imágenes y gestión de la librería de elementos multimedia de WordPress
Responder en Mastodon (requiere usuario en esa plataforma)

Puedes usar tu cuenta de Mastodon para responder a este post de

Copia y pega esta URL (https://www.blogpocket.com/?p=18189) en el campo de búsqueda de la interfaz web de tu servidor Mastodon.

Icono de Mastodon

2 respuestas a «Imágenes y gestión de la librería de elementos multimedia de WordPress»

  1. Saradreu

    Para editar la imagen destacada necesitas permisos para subir medios. No me deja subir imagenes, me ha dejado hacerlo con los tres primeros artículos pero ahora me dice que no tengo permiso, a que es debido?

    1. Hola Saradreu. Revisa los permisos de la carpeta wp-content/uploads que debe ser 755. Saludos.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Antonio Cambronero.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a GreenGeeks que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir al contenido