Extra Block Types (EBT) - Nueva experiencia con Layout Builder❗

Extra Block Types (EBT): tipos de bloques con estilo y personalizables: Presentaciones de diapositivas, Pestañas, Tarjetas, Acordeones y muchos más. Configuraciones integradas para fondo, DOM Box y plugins de JavaScript. Experimenta hoy el futuro de la construcción de diseños.

Módulos de demostración EBT Descargar módulos EBT

❗Extra Paragraph Types (EPT) - Nueva experiencia con Paragraphs

Extra Paragraph Types (EPT): conjunto de módulos basado en párrafos de forma análoga.

Módulos de demostración EPT Descargar módulos EPT

Scroll

2.5 Multimedia. Estilos de imagen. Configuración de almacenamiento de archivos.

03/05/2025, by Ivan

En este artículo analizaremos la configuración de los Estilos de imagen, el sistema de archivos y las herramientas de procesamiento de imágenes.

Drupal 8 multimedia

Si revisaste mis artículos anteriores, probablemente ya estés familiarizado con los Estilos de imagen y hayas visitado la configuración de Medios. Pero si aún no lo hiciste, lo haremos ahora. Vamos a la página Configuración - Multimedia - Estilos de imagen:

Drupal 8 image styles

Aquí vemos los tres estilos predeterminados: Miniatura, Mediano, Grande. Aplicamos estos estilos para mostrar imágenes adjuntas a nodos, comentarios, términos de taxonomía, avatares de usuario, y todo lo que contenga campos de tipo Imagen. Definimos los tamaños de las imágenes que necesitamos, y Drupal hace el resto. Vamos a crear un nuevo estilo de 300 por 300 píxeles. Haz clic en el botón + Agregar estilo de imagen. Aconsejo nombrar los estilos de imagen de dos formas: por tamaño (ej. 300x300) o por el lugar donde se mostrarán (ej. imagen_artículo).

Vamos a crear un nuevo estilo para la imagen de artículo.

Drupal 8 new image style

Tamaño 300x300

drupal 8 sizes

Ahora podemos usar este estilo para mostrar imágenes en los artículos. Vamos a la configuración de visualización de los campos del tipo de contenido Artículo.

/admin/structure/types/manage/article/display

drupal 8 presets

Editamos el campo de imagen y elegimos nuestro nuevo estilo de imagen.

Drupal 8 image styles

Haz clic en Actualizar y luego en Guardar.

También puedes crear y especificar un estilo de imagen separado para el teaser del artículo.

Sistema de archivos de Drupal

/admin/config/media/file-system

drupal 8 files

En esta página de configuración podemos definir en qué carpeta se almacenarán nuestros archivos subidos a través de Drupal. Al instalar Drupal, debes crear una carpeta con permisos de escritura (chmod 777 en sistemas Linux), esta carpeta se define en el archivo de configuración:

/sites/default/settings.php

Por defecto, todos los archivos se escriben en /sites/default/files. Todo debería funcionar correctamente si esa carpeta tiene permisos 777.

También podemos cambiar el directorio temporal. Los permisos deben permitir que Drupal escriba archivos ahí. Si hay errores, puedes usar la misma carpeta /sites/default/files como temporal.

Método de descarga predeterminado: en versiones anteriores se podía elegir servir archivos a través de Drupal, pero parece que ahora los archivos se sirven directamente desde el servidor.

Herramienta de procesamiento de imágenes

drupal 8 image processing tools

Cuando subimos imágenes a Drupal, este las procesa de acuerdo con este parámetro. Esto sirve para ahorrar espacio en el servidor, ya que las imágenes JPEG pueden comprimirse con baja pérdida de calidad. Si colocamos 100%, Drupal no las procesa. Pero incluso con un 85% de calidad, las imágenes pueden comprimirse a la mitad y sin pérdida perceptible de calidad.