editores con súperpoderes - introducción a paragraphs
TRANSCRIPT
![Page 1: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/1.jpg)
EDITORES CON SÚPERPODERES
Introducción a Paragraphs
Por: Heissen López (@heilop)Drupal Meetup12 de Diciembre del 2015
![Page 2: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/2.jpg)
● Problemas comunes
● ¿Qué es Paragraphs?
● ¿Por qué Usarlo ?
● ¿Qué puedo hacer?
● Usando Paragraphs
Puntos a Tratar
![Page 3: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/3.jpg)
![Page 4: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/4.jpg)
● Imposible añadir contenido “rico” (galerías, acordeones, fondos, etc …)
Problemas comunes (Wysiwyg)
![Page 5: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/5.jpg)
● Imposible añadir contenido “rico” (galerías, acordeones, fondos, etc …)
● Markup defectuoso / estilos inline
Problemas comunes (Wysiwyg)
![Page 6: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/6.jpg)
● 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)
![Page 7: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/7.jpg)
● 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)
![Page 8: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/8.jpg)
● ¡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?
![Page 9: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/9.jpg)
● 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?
![Page 10: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/10.jpg)
✔ 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?
![Page 11: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/11.jpg)
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
![Page 12: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/12.jpg)
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
![Page 13: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/13.jpg)
![Page 14: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/14.jpg)
¿Qué puedo hacer?
Drupal.com
![Page 15: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/15.jpg)
¿Qué puedo hacer?
![Page 16: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/16.jpg)
● 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?
![Page 17: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/17.jpg)
● Instala y habilita el módulo
✔ D7: Require Entity API
✔ D8: Entity Reference Revisions● Agrega los campos y bundles
Usando Paragraphs
![Page 18: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/18.jpg)
Agregar el campo «Paragraph» en el tipo de contenido
![Page 19: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/19.jpg)
Agregar los «Bundles» necesarios
![Page 20: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/20.jpg)
Agregar los campos de los Bundles
![Page 21: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/21.jpg)
Configurar Presentación de los Bundles
![Page 22: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/22.jpg)
Crear contenido
![Page 23: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/23.jpg)
Visualizar contenido
![Page 24: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/24.jpg)
![Page 25: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/25.jpg)
– 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
![Page 26: Editores con súperpoderes - Introducción a paragraphs](https://reader033.vdocuments.pub/reader033/viewer/2022042706/587b7f6f1a28ab9d448b4d9d/html5/thumbnails/26.jpg)
¡Gracias!
@heilop