Articles

Drupal tiene un sistema poderoso de gestión de imágenes que permite crear estilos de imagen que pueden aplicar diversos efectos a la imagen y generar derivados a partir de la imagen original.

Muchos desarrolladores prefieren almacenar los códigos del encabezado / pie de página en un archivo separado y luego incluir ese archivo en page.html.twig.

Proceso

Supongamos que has creado el siguiente archivo en la carpeta de tu tema para el encabezado:

THEME_NAME/templates/includes/header.html.twig

Y ahora quieres incluir ese archivo en:

Muchos templates Twig tendrán uno o varios objetos Attribute pasados como variables. La tarea del objeto Attribute es almacenar un conjunto de atributos HTML, proporcionando al desarrollador métodos útiles para interactuar con esos datos y permitiendo imprimir fácilmente los atributos. Por ejemplo, attribute.addClass('myclass') facilita añadir una clase sin preocuparse por la concatenación exacta de cadenas.

Normalmente los atributos en la plantilla deberían verse así:

Como en Drupal 7, puedes influir en la salida de un HTML específico mediante funciones de preprocesamiento. Por ejemplo, si deseas añadir una clase a un menú y prefieres hacerlo a nivel PHP, puedes hacerlo. Esta es una buena manera de modificar el marcado relacionado con el tema, pero si quieres hacer un marcado independiente del tema, es mejor escribir un módulo propio.

(Nota: para fines de documentación aquí, "mytheme" es el nombre de máquina de tu tema; por ejemplo, "bartik" es el nombre de máquina del tema.)

Para trabajar con funciones de preprocesamiento:

En Drupal 8 no existe una interfaz de usuario para editar breakpoints. Debido a que los breakpoints están definidos en archivos de configuración, tampoco es posible proveer una interfaz en contrib.

En la sección de administración de Drupal, cada tema tiene su propia página de configuración en la ruta admin/Appearance/Settings/nombreDelTema. Esta página contiene un formulario con configuraciones estándar, como "Configuración de la imagen del logo" y "Configuración del favicon".

Esta es una lista de algunos de los cambios más notables en Drupal 8 que afectan su tematización.

Cambios en las clases principales

Nombres simplificados de las clases auxiliares "element-x"

Drupal 7 introdujo varias clases nuevas: element-hidden, element-invisible y element-focusable. Era difícil entender exactamente qué hacían estas clases solo por sus nombres, por lo que los nombres de las clases fueron cambiados. Los nuevos nombres deberían facilitar la comprensión de las clases y estar más alineados con HTML 5 Boilerplate, un entorno popular para HTML 5.

Este documento se utilizó durante la mayor parte del proceso de conversión a Twig para Drupal 8 y también puede ser útil para que actualices tus propios temas y módulos para usar el motor de plantillas Twig en Drupal 8.

Nota: todo el trabajo con Twig ahora se realiza en la cola de problemas del núcleo de Drupal. Usa únicamente el sandbox de conversión Twig para encontrar plantillas y funciones ya convertidas.

El uso de herramientas de automatización facilita la creación de temas. Aquí vamos a utilizar gulp js para crear una herramienta de automatización para un tema personalizado.

Trabajando con Gulp 3.x y Node 10.x o inferiores

Pasos:

1. Instalación de Node.js
Descargue e instale la última versión de NodeJS desde el sitio nodejs.org. El proceso de instalación puede variar según su sistema operativo.

2. Instale Gulp