Drupal Canvas, creación de páginas I

Vamos con la creación de una página, para ello simplemente le damos a crear una página en el botón + Add Page que nos llevará a una página como esta:

Importante, en mi caso he añadido dos idiomas a la web, con la ruta https://drupalcms.ddev.site/en/canvas/editor/canvas_page/12 y https://drupalcms.ddev.site/es/canvas/editor/canvas_page/12 no me funciona Canvas (tengo que investigar esto), pero con la ruta https://drupalcms.ddev.site/canvas/editor/canvas_page/12 vemos la página lista para crear contenido.

Esta página recuerda en su estructura a la de Gutenberg de Wordpress

.

Lateral izquierdo

En el lateral izquierdo tenemos el menú principal, con los siguientes elementos en orden:

• Library
• Layers
• Code
• Pages
• Templates

Library

Esta opción del menú nos pinta todos los componentes que tenemos habilitados* en nuestro portal web y también nos permite elegir entre patrones si tenemos creado alguno.

Layers

Esta opción nos permite definir con que capa de la página queremos trabajar, en e caso de Byte existen tres capas, Contenido, cabecera, y pie.

También muestra los diferentes componentes que se están usando en cada capa en una estructura jerárquica, y en permite mover algunos componentes arriba y abajo.

Code

Esta opción nos permite añadir componentes mediante código, a esto e dedicaremos una entrada en exclusiva de esta serie.

Pages

Esta opción nos muestra el listado de todas las páginas que existen, recordemos, páginas de Canvas.

Templates

Esta opción nos permite usar Canvas para personalizar los view mode que tenemos definidos de tipos de nodos.

En caso de que se quiera usar un view mode concreto tenemos que ver si está activado en el nodo para poder usarlo.

NOTA: Lo que he visto por ahora con los nodos es que si añadimos un componente a un tipo de nodo (por ejemplo de blog) en Canvas afecta a todos los nodos, no he visto una forma para que un componente se aplique a un único nodo, estoy preguntando y mirando esto, porque si esto no se puede realizar sería algo a tener en cuenta si queremos elegir entre Layout Builder y Canvas.

Lateral derecho

En el lateral derecho vemos las opciones de configuración del componente que se está trabando. Cuando se entra a la página lo que se muestra son los valores básicos de la página: título, URL, SEO Settings, Media, Page Title (meta-atributos), Meta Description.