Creando un subtema de Drupal 8

Incluyendo estilos de imagen por defecto con tu tema

 

Drupal tiene un potente sistema de manipulación de imágenes que permite la creación de estilos de imagen que pueden realizar varios efectos en la misma y crear un derivado de la imagen original.

 

 

Esta funcionalidad se puede aprovechar en temas que deseen incluir un conjunto de estilos de imagen predeterminados creados para trabajar con el tema en cuestión y no tener que depender de los proporcionados por el núcleo.

 

 

 

El proceso para la inclusión de un estilo de imagen en tu tema es similar a la de incluir la configuración por defecto en un módulo.

 

  • Crear el estilo de imagen que deseas incluir usando la interfaz de usuario IU

  • Exportar el estilo de imagen como YAML

  • Incluir el YAML exportado en el directorio config/install de tu tema siguiendo la convención de nomenclatura apropiada.

 

Comienza por crear un estilo de imagen utilizando la IU de administrador en Configuration > Image Styles (admin/config/media/image-styles). Una vez que se ha creado y guardado el estilo de la imagen, la configuración que conforma ese estilo de imagen se almacena en la configuración activa de tu sitio.

 

Se puede exportar esta configuración usando:

 

  • la herramienta individual import/export en Configuration > Configuration management > Single Import/Export > Export admin/config/development/configuration/single/export).

  • Desde la lista de selección del tipo de configuración elige "Image style"

  • a continuación, elige tu estilo de imagen de la lista de selección de la configuración de nombre.

 

La representación YAML del estilo de la imagen se mostrará en el área de texto, y se puede copiar y pegar en un archivo .yml en el directorio config/install de tu tema. Los archivos de configuración siguen un patrón de nomenclatura pattern. image.style.{image style name}.yml. Si no estás seguro del nombre que debe de utilizar el archivo se muestra debajo del área de texto con la configuración exportada.

 

Ten en cuenta que la configuración exportado contendrá una clave UUID como la primera línea. Este UUID debe retirarse antes de copiar la configuración en el nuevo archivo image.style.{image style name}.yml.

 

Ejemplo THEMENAME/config/install/image.style.black_white.yml

 

langcode: en
status: true
dependencies: { }
name: black_white
label: 'black & white'
effects:
 8d4f85cc-9a2d-4a30-af15-21b0833dc06d:
   uuid: 8d4f85cc-9a2d-4a30-af15-21b0833dc06d
   id: image_desaturate
   weight: 1
   data: { }
third_party_settings: { }


 

Puedes incluir cualquier número de estilos de imagen con tu tema. Todos ellos serán importados en la configuración activa cuando se instala el tema.

 

Ten en cuenta que una vez que el tema se ha instalado, la edición de la imagen del archivo de estilo YML en config/install no tendrá ningún efecto, ni va a añadir un archivo YML estilo de imagen adicional en config/install.

 

Incluyendo Part Template

 

Páginas

Total de votos: 224

Entradas relacionadas

Comentarios (0)

Deja un comentario