El documento presenta el módulo Paragraphs para Drupal, el cual permite a los editores crear contenido rico de manera más limpia y ordenada. Paragraphs define "bundles" de campos que pueden ser anidados, dando a los usuarios la capacidad de agregar galerías, acordeones y otros elementos sin necesidad de código. Esto resuelve problemas comunes en editores WYSIWYG como marcas defectuosas. El documento explica cómo instalar y usar Paragraphs para agregar estructura al contenido de manera flexible y responsive.

1. EDITORES CON SÚPERPODERES
Introducción a Paragraphs
Por: Heissen López (@heilop)
Drupal Meetup
12 de Diciembre del 2015

2. ●
Problemas comunes
●
¿Qué es Paragraphs?
●
¿Por qué Usarlo ?
●
¿Qué puedo hacer?
●
Usando Paragraphs
Puntos a Tratar

4. ●
Imposible añadir contenido “rico” (galerías,
acordeones, fondos, etc …)
Problemas comunes (Wysiwyg)

5. ●
Imposible añadir contenido “rico” (galerías,
acordeones, fondos, etc …)
●
Markup defectuoso / estilos inline
Problemas comunes (Wysiwyg)

6. ●
Imposible añadir contenido “rico” (galerías,
acordeones, fondos, etc …)
●
Markup defectuoso y/o estilos inline
●
Confusión en los editores (admin de contenido)
Problemas comunes (Wysiwyg)

7. ●
Imposible añadir contenido “rico” (galerías,
acordeones, fondos, etc …)
●
Markup defectuoso y/o estilos inline
●
Confusión en los editores (admin de contenido)
●
No es responsive
Problemas comunes (Wysiwyg)

8. ●
¡Paragraphs es una nueva forma de creación de
contenido!
●
Permite (Site Builders) hacer las cosas más limpio
para dar más poder de edición a sus usuarios finales.
¿Qué es Paragraphs?

9. ●
No es necesario WYSIWYG.
●
Trae un nuevo campo de tipo "paragraphs" similar a
Entity Reference o Field Collections.
●
Permite definir un bundle de campos, un usuario
puede insert el desaeado.
●
Los Bundles de Paragraph se pueden anidar.
●
Hay módulos disponibles para extender las
funcionalidades.
●
Disponible para Drupal 7 y 8.
●
Es exportable, se integra con Search API y Views.
¿Por qué Usarlo?

10. ✔
https://www.drupal.org/project/paragraphs
✔
https://www.drupal.org/project/paragraphs_pack
✔
https://www.drupal.org/project/classy_paragraphs
✔
https://www.drupal.org/project/edgy
✔
https://www.drupal.org/project/paragraphs_ids
✔
https://www.drupal.org/project/entity_background
✔
http://paragraphs.site-showcase.com
¿Por qué Usarlo?

11. Beneficios para los site builders y editores
Field Colletion Tipo A
Field Colletion Tipo A
Field Colletion Tipo A
Field Colletion Tipo A
Paragraph Tipo A
Paragraph Tipo B
Paragraph Tipo A
Paragraph Tipo C
Paragraph Tipo B
Paragraph Tipo A
Paragraph Tipo C
Paragraph Tipo A
Paragraph Tipo C
Paragraph Tipo A
Paragraph Tipo C

12. Beneficios para los themers
✔
paragraphs-items.tpl.php
✔
paragraphs-items--field-paragraph-field.tpl.php
✔
paragraphs-item.tpl.php
✔
paragraphs-item—paragraph-type.tpl.php
✔
paragraphs-item--paragraph-type--view-mode.tpl.php

14. ¿Qué puedo hacer?
Drupal.com

15. ¿Qué puedo hacer?

16. ●
Accordion
●
Imágenes full-width
●
Tabs
●
Slideshows
●
One-Column WYSIWYG
●
Banners con imágenes
●
Títulos de secciones
●
Referencias de títulos
●
Embeber Videos
●
Etc.
¿Qué puedo hacer?

17. ●
Instala y habilita el módulo
✔
D7: Require Entity API
✔
D8: Entity Reference Revisions
●
Agrega los campos y bundles
Usando Paragraphs

18. Agregar el campo «Paragraph» en el tipo de contenido

19. Agregar los «Bundles» necesarios

20. Agregar los campos de los Bundles

21. Configurar Presentación de los Bundles

22. Crear contenido

23. Visualizar contenido

25. – http://www.accessadvertising.co.uk/blog/2015/02/drupal-
tip-paragraphs-module
– https://www.amazeelabs.com/en/blog/drupal-paragraphs
– http://www.vdmi.nl/blog/paragraphs-content-editing-
reinvented
– http://www.slideshare.net/Cogapp/rich-storytelling-with-
paragraphs-and-islandora-dams
– www.function1.com/2015/10/display-suite-paragraphs-
part-2
– https://events.drupal.org/losangeles2015/sessions/better-
tools-content-creators-paragraphs-parallax-skrollr-and-
friends
Referencias

26. ¡Gracias!
@heilop