Post on 15-Apr-2017
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