Drupal.cat | 30/03/2017

Composición de páginas complejas con

Paragraphs

Índice1.¿Quién soy?

2.¿Qué son Paragraphs?

3.¿Cuando debo usar Paragraphs?

4.¿Porqué usar Paragraphs?

5.¿Qué pasa cuando uso Paragraphs?

6.¿Cómo puedo usar Paragraphs?Drupal.cat | 30/03/2017

1.¿Quién soy?

Drupal.cat | 30/03/2017

Siddharta Navarro

SIDDHARTA NAVARRO

Co-fundador de Atenea techIngeniero informático por la FIB - UPC

CONTACTO

93 551 06 86siddharta@ateneatech.com

SÍGUEME

@sidddilinkedin.com/in/siddhartanavarro

Drupal.cat | 30/03/2017

Drupal.cat | 30/03/2017

Drupal.cat | 30/03/2017

2.¿Qué son Paragraphs?

Drupal.cat | 30/03/2017

Definición de Paragraphs

Drupal.cat | 30/03/2017

Definición de Paragraphs

Drupal.cat | 30/03/2017

Nodo

Título

Contenido

Contenido

Campo

Campo

Campo

Definición de Paragraphs

Drupal.cat | 30/03/2017

Contenido Paragraphs

Paragraph de tipo 1

Paragraph de tipo 2

...

Campo

Campo referencia a Paragraph

Campo

Definición de Paragraphs

Drupal.cat | 30/03/2017

Paragraphs Paragraph bundle

Campo

Campo

...

Paragraph de tipo 1

Paragraph de tipo 2

...

Características de Paragraphs

Drupal.cat | 30/03/2017

Permite al editor crear estructuras diferentes en cada página

Permite crear estructuras reutilizables entre páginas

Similar a Field Collections, pero puedes elegir entre varios componentes para un mismo campo

Los componentes de Paragraphs son reordenables

Hablemos del nombre

Drupal.cat | 30/03/2017

Puzzle pieces

Content stack

Layer cakes

Sections

3.¿Cómo puedo usar Paragraphs?

Drupal.cat | 30/03/2017

Usar Paragraphs

Drupal.cat | 30/03/2017

Componentes (Paragraph bundle) son Entidades

0

Creamos un nuevo Componente

Usar Paragraphs

Drupal.cat | 30/03/2017

1

Usar Paragraphs

Drupal.cat | 30/03/2017

Añadimos los campos

2

Usar Paragraphs

Drupal.cat | 30/03/2017

Añadimos un campo referencia a Paragraph en el tipo de contenido

3

Usar Paragraphs

Drupal.cat | 30/03/2017

Seleccionamos los componentes de Paragraph disponibles para ese Tipo de contenido

4

Usar Paragraphs

Drupal.cat | 30/03/2017

¡Listo para usar!

5

4.¿Cuando debo usar Paragraphs?

Drupal.cat | 30/03/2017

Disposición de elementos complejos

Drupal.cat | 30/03/2017

Disposición de elementos complejos

Drupal.cat | 30/03/2017

Disposición de elementos complejos

Drupal.cat | 30/03/2017

Layouts flexibles

Drupal.cat | 30/03/2017

Layouts flexibles

Drupal.cat | 30/03/2017

Layouts flexibles

Drupal.cat | 30/03/2017

5.¿Porqué debo usar Paragraphs?

Drupal.cat | 30/03/2017

Diseños complejos

Drupal.cat | 30/03/2017

Responsive

Drupal.cat | 30/03/2017

Edición fácil

Drupal.cat | 30/03/2017

Damos poder al editor

Drupal.cat | 30/03/2017

6.¿Qué pasa cuando uso Paragraphs?

Drupal.cat | 30/03/2017

Desaparecen los Tipos de contenido

Drupal.cat | 30/03/2017

Con un solo Tipo de contenido y una colección grande de Paragraphs podemos cubrir todas las necesidades de una página

Depende del tipo de web

Hay que buscar un equilibrio entre la “Tipotización” y la “Paragraphización”

Cambia la forma en la que los diseñadores piensan

Drupal.cat | 30/03/2017

Damos muchas más opciones, sobretodo en las páginas de contenido.

Drupal se convierte en un actor importante para webs gráficas.

Rompemos los diseños “típico” y “antiguos” de los CMSs

Liberamos el WYSIWYG

Drupal.cat | 30/03/2017

Con Paragraphs no es necesario dar opciones complejas a los textos en WYSIWYG.

Hacemos mucho más fácil la tarea de los editores.

Open your mind

Drupal.cat | 30/03/2017

Piensa como un diseñador

Drupal.cat | 30/03/2017

Container

Container

100% fondo gris

Título Imagen + Título + Texto

Recursos

Drupal.cat | 30/03/2017

Video-tutorial de Paragraphs: http://talkingdrupal.com/123

Demo de Paragraphs: http://paragraphs.site-showcase.com

Distribución Drupal con Paragraphs (D8): https://www.drupal.org/project/leadgen

Conjunto de Paragraphs (D7): https://www.drupal.org/project/paragraphs_pack

¡Gracias!

SIDDHARTA NAVARRO

Co-fundador de Atenea techIngeniero informático por la FIB - UPC

CONTACTO

93 551 06 86siddharta@ateneatech.com

SÍGUEME

@sidddilinkedin.com/in/siddhartanavarro

Drupal.cat | 30/03/2017