View
426
Download
1
Category
Preview:
Citation preview
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
Recommended