1.
Drupal.cat | 30/03/2017
Composición de páginas
complejas con Paragraphs

2.
Índice
1. ¿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

3.
1.¿Quién soy?
Drupal.cat | 30/03/2017

4.
Siddharta Navarro
SIDDHARTA NAVARRO
Co-fundador de Atenea tech
Ingeniero informático por la
FIB - UPC
CONTACTO
93 551 06 86
siddharta@ateneatech.com
SÍGUEME
@sidddi
linkedin.com/in/siddhartanavarro
Drupal.cat | 30/03/2017

5.
Drupal.cat | 30/03/2017

6.
Drupal.cat | 30/03/2017

7.
2.¿Qué son Paragraphs?
Drupal.cat | 30/03/2017

8.
Definición de Paragraphs
Drupal.cat | 30/03/2017

9.
Definición de Paragraphs
Drupal.cat | 30/03/2017
Nodo
Título
Contenido
Contenido
Campo
Campo
Campo

10.
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

11.
Definición de Paragraphs
Drupal.cat | 30/03/2017
Paragraphs Paragraph bundle
Campo
Campo
...
Paragraph de tipo 1
Paragraph de tipo 2
...

12.
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

13.
Hablemos del nombre
Drupal.cat | 30/03/2017

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

15.
Usar Paragraphs
Drupal.cat | 30/03/2017
Componentes (Paragraph bundle)
son Entidades
0

16.
Creamos un nuevo Componente
Usar Paragraphs
Drupal.cat | 30/03/2017
1

17.
Usar Paragraphs
Drupal.cat | 30/03/2017
Añadimos los campos
2

18.
Usar Paragraphs
Drupal.cat | 30/03/2017
Añadimos un campo referencia a Paragraph
en el tipo de contenido
3

19.
Usar Paragraphs
Drupal.cat | 30/03/2017
Seleccionamos los componentes de Paragraph
disponibles para ese Tipo de contenido
4

20.
Usar Paragraphs
Drupal.cat | 30/03/2017
¡Listo para usar!
5

21.
4.¿Cuando debo usar Paragraphs?
Drupal.cat | 30/03/2017

22.
Disposición de
elementos complejos
Drupal.cat | 30/03/2017

23.
Disposición de
elementos complejos
Drupal.cat | 30/03/2017

24.
Disposición de
elementos complejos
Drupal.cat | 30/03/2017

25.
Layouts flexibles
Drupal.cat | 30/03/2017

26.
Layouts flexibles
Drupal.cat | 30/03/2017

27.
Layouts flexibles
Drupal.cat | 30/03/2017

28.
5.¿Porqué debo usar Paragraphs?
Drupal.cat | 30/03/2017

29.
Diseños complejos
Drupal.cat | 30/03/2017

30.
Responsive
Drupal.cat | 30/03/2017

31.
Edición fácil
Drupal.cat | 30/03/2017

32.
Damos poder al editor
Drupal.cat | 30/03/2017

33.
6.¿Qué pasa cuando uso Paragraphs?
Drupal.cat | 30/03/2017

34.
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”

35.
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

36.
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.

37.
Open your mind
Drupal.cat | 30/03/2017

38.
Piensa como un diseñador
Drupal.cat | 30/03/2017
Container
Container
100%
fondo gris
Título
Imagen +
Título +
Texto

39.
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

40.
¡Gracias!
SIDDHARTA NAVARRO
Co-fundador de Atenea tech
Ingeniero informático por la
FIB - UPC
CONTACTO
93 551 06 86
siddharta@ateneatech.com
SÍGUEME
@sidddi
linkedin.com/in/siddhartanavarro
Drupal.cat | 30/03/2017