En esta sesión mostraremos la potencia del módulo paragraphs para mejorar la experiencia de uso de Drupal para los editores de contenido. Paragraphs es un módulo que tiene ya un par de años de vida para D7, pero con la incorporación a Drupal 8 de twig, creación de view modes en core y entity API ha visto mejorada su arquitectura para el sitebuilding en Drupal8. En esta sesión mostraremos: Como estamos usando paragraphs en nuestros últimos proyectos para dotar a los editores de flexibilidad a la vez que estructuramos el contenido. Cuales son las claves y conceptos que hay detrás de paragraphs Como podemos extenderlo con plantillas twig personalizadas Trucos para mejorar lo que da por defecto Como combinarlo con otros sistemas como panels, page manager, context... Se trata de una sesión pensada para site-builders.

1. PARAGRAPHS
Mejorando la experiencia
de los editores de contenidos
@david_gil_biko2

2. Qué es Biko2
Definimos,
diseñamos
y construimos
negocios digitales

3. Podemos presumir de trabajar con…

5. ¿Para qué? Alternativas Cómo Usos avanzados Referencias
Índice de la sesión

6. ¿Para qué?

7. ¿Para qué?

8. ¿Para qué?

9. ¿Para qué?

10. ¿Para qué?

11. ¿Para qué?

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

13. Nodos y Entity
reference
Tipo de contenido
Landing page con
campos Entity Reference
1 tipo de contenido por
cada concepto
Rabbit Hole
Beans y Entity
reference
Lo 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 Panels
No necesitábamos la
complejidad de panels
Los editores tienen que
aprender a manejar
panels (y no es sencillo)
Alternativas

14. Alternativas

15. Paragraphs Module.
Permitealoseditoresañadir
contenidobasadoencomponentesa
unapágina.
Alternativas

16. / 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

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

18. ¿Cómo? Experiencia del editor

19. Sitebuilding¿Cómo?

20. Sitebuilding¿Cómo?

21. Sitebuilding¿Cómo?

22. ¿Cómo? Theming

23. ¿Cómo? Theming

24. ¿Cómo? Theming

25. ¿Cómo? Theming

26. ¿Cómo? Theming

27. ¿Cómo? Theming

28. ¿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

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

30. Usos avanzados Entity related + View modes

32. Usos avanzados Theme suggestions

33. Usos avanzados Theme suggestions

34. Usos avanzados Reutilización

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

36. 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-paragraphs
http://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

37. Gracias
@david_gil_biko2