EDITORES CON SÚPERPODERES

Introducción a Paragraphs

Por: Heissen López (@heilop)Drupal Meetup12 de Diciembre del 2015

● Problemas comunes

● ¿Qué es Paragraphs?

● ¿Por qué Usarlo ?

● ¿Qué puedo hacer?

● Usando Paragraphs

Puntos a Tratar

● Imposible añadir contenido “rico” (galerías, acordeones, fondos, etc …)

Problemas comunes (Wysiwyg)

● Imposible añadir contenido “rico” (galerías, acordeones, fondos, etc …)

● Markup defectuoso / estilos inline

Problemas comunes (Wysiwyg)

● 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)

● 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)

● ¡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?

● 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?

✔ 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?

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

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

¿Qué puedo hacer?

Drupal.com

¿Qué puedo hacer?

● 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?

● Instala y habilita el módulo

✔ D7: Require Entity API

✔ D8: Entity Reference Revisions● Agrega los campos y bundles

Usando Paragraphs

Agregar el campo «Paragraph» en el tipo de contenido

Agregar los «Bundles» necesarios

Agregar los campos de los Bundles

Configurar Presentación de los Bundles

Crear contenido

Visualizar contenido

– 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

¡Gracias!

@heilop