PARAGRAPHSMejorando la experiencia

de los editores de contenidos@david_gil_biko2

Qué es Biko2

Definimos, diseñamos y construimos negocios digitales

Podemos presumir de trabajar con…

¿Para qué? Alternativas Cómo Usos avanzados Referencias

Índice de la sesión

¿Para qué?

¿Para qué?

¿Para qué?

¿Para qué?

¿Para qué?

¿Para qué?

¿Para qué? Alternativas Cómo Usos avanzados Referencias

Nodos y Entity referenceTipo de contenido Landing page con campos Entity Reference

1 tipo de contenido por cada concepto

Rabbit Hole

Beans y Entity referenceLo hemos usado con buenos resultados, pero la edición es tediosa

Tipo de contenido Landing y campos Entity Reference

Obra del mes en Museo Reina Sofía.

Panels y Fieldable PanelsNo necesitábamos la complejidad de panels

Los editores tienen que aprender a manejar panels (y no es sencillo)

Alternativas

Alternativas

Paragraphs Module. Permite a los editores añadir contenido basado en componentes a una página.

Alternativas

/ Similar a field collections / grupos de campos.

/ Permiten controlar la creación de contenido estructurado, facilita la edición de bloques visualmente complejos (p.e. Galerías).

/ Facilitan la creatividad a la hora de ensamblar una página.

/ Encajan muy bien con técnicas de maquetación basadas en atomic design y en la construcción ágil de proyectos.

Paragraphs Module. Alternativas

¿Para qué? Alternativas ¿Cómo? Usos avanzados Referencias

¿Cómo? Experiencia del editor

Sitebuilding¿Cómo?

Sitebuilding¿Cómo?

Sitebuilding¿Cómo?

¿Cómo? Theming

¿Cómo? Theming

¿Cómo? Theming

¿Cómo? Theming

¿Cómo? Theming

¿Cómo? Theming

¿Cómo?

/ Rendimiento en la edición de nodos se puede resentir

/ Hay que cuidar la UX del backend de edición de nodos (field groups)

/ Preview (Workbench)

/ Panels es más potente

Algunos problemas

¿Para qué? Alternativas Cómo Usos avanzados Referencias

Usos avanzados Entity related + View modes

Usos avanzados Theme suggestions

Usos avanzados Theme suggestions

Usos avanzados Reutilización

¿Para qué? Alternativas Cómo Usos avanzados Referencias

Referencias

https://www.drupal.org/project/paragraphs

https://www.drupal.org/project/leadgen (D8) https://www.drupal.org/project/paragraphs_pack (D7)

http://paragraphs.site-showcase.com/

http://drupalcamp.london/content/create-rich-web-stories-drupal-8-and-paragraphshttp://nedcamp.org/new-england-drupal-camp-2015/sessions/beyond-wysiwyg-building-better-ux-content-editors http://nedcamp.org/new-england-drupal-camp-2015/sessions/marketing-landing-pages-w-paragraphs

Gracias

@david_gil_biko2