Creando un subtema de Drupal 8

 

 

Los subtemas son como cualquier otro tema, con una diferencia: heredan los recursos del tema principal.

 

 

No hay límites en la capacidad de encadenamiento de conexión del subtemas a los superiores (padres).

 

 

Un subtema puede ser hijo de otro subtema, sin embargo, lo puedes ramificar y organizar como te parezca. Esto es lo que da a los subtemas un gran potencial.

 

 

Para crear un subtema, defínelo como cualquier otro tema y declara el tema de base usando la tecla "tema básico". Ten en cuenta que la clave no tiene ningún subrayado.

 

 

Ejemplo de subtema Fluffiness

 

Este es un ejemplo de un subtema que utiliza Classy como tema base. El archivo de información se llama fluffiness.info.yml.

 

name: Fluffiness
type: theme
description: This is a fluffy sub theme of Classy
core: 8.x

# Defines the base theme
base theme: classy

# Defines libraries group in which we can add css/js.
libraries:
- fluffiness/global-styling

# Regions
regions:
header: Header
featured: Featured
content: Content
sidebar_first: First sidebar
sidebar_second: Second sidebar
footer: Footer

 

Incluye el archivo fluffiness.libraries.yml para añadir css/js en el grupo `global-style` (ya definido en la clave`libraría:` ).

 

global-styling:
css:
component:
css/style.css: {}

 

Para leer más sobre añadiendo hojas de estilo (CSS) y JavaScript (JS) al tema Drupal 8.

 

Subtema del subtema

 

 

 

Si estás creando un subtema de un subtema tienes que mencionar el subtema que deseas extender como tema de base.

 

 

Primer subtema de Classy (Fluffiness):

 

name: Fluffiness
type: theme
description: This is a fluffy sub theme of Classy
core: 8.x

# Defines the base theme
base theme: classy
 


Next level sub-theme (of Fluffiness) shall have:

 

name: Shaved
type: theme
description: This is a reduced fluff sub theme of Fluffiness
core: 8.x
# Defines the base theme
base theme: fluffiness

 

Diferencias con Drupal 7

 

La diferencia más notable con Drupal 7 es que los archivos .info se han convertido en .info.yml que usa la sintaxis YAML.

 

Incluyendo estilos de imagen por defecto con tu tema

Páginas

Total de votos: 85

Entradas relacionadas

Comentarios (0)

Deja un comentario