Display Suite


Hackear tpl es cosa del pasado: bienvenido a display suite, control de plantillas drag&drop


Drupal Summit Latino, Guadalajara 2012

Acerca de mí

Mi nombre es Jesús Manuel Olivas

Me pueden encontrar en twitter como @jmolivas
En mi blog http://jmolivas.com

Algo más...

Relativamente nuevo en Drupal aproximadamente 2 años de experiencia trabajando con este framework.

Tengo ese mismo tiempo programando con PHP y con symfony2 en fechas recientes.

Próximamente :

@hechoendrupal
http://hechoendrupal.com

¿Que puede hacer Display Suite por mí ?

Display Suite permite controlar como los contenidos o campos de las entidades son desplegados utilizando una interfaz drag & drop. Sin la necesidad de crear o modificar archivos tpl.

Por defecto Display suite incluye vistas o modos predefinidos para mostrar los datos (Teaser, Full, RSS) llamados "View Modes". Modificando o agregando estos y asignando campos en las regiones, es que logramos controlar como las diferentes piezas de contenido o campos son mostradas en estos "View Modes" los cuales pueden ser consumudos por el modulo "Views"

http://drupal.org/project/ds

Características

  • Agregar diferentes "View Modes" por entidad (node, user, taxonomy).
  • Opción de ocultar ó modificar etiquetas.
  • Agregar nuevos campos utilizando tokens o código PHP.
  • Activando el modulo "Extras" :
    • Ocultar titulo, aplicar formato "View Mode" directamente a nivel de contenido.
    • Modificar, simplificar la salida de HTML en campos.
    • Agregar bloques dentro del la region de contenido.
    • Campos adicionales basado en otros módulos.
    • Mostrar datos de nodo en un bloque.
  • Integración con modulo "Views" y "WebForm".

Adminstración de "Display Suite"

admin/structure/ds

"View Mode" disponibles para entidad "Node-Article"

Agregar "View Mode" para entidad tipo "Node"

"View Mode" entidad "Node-Article"

Opción de modificar etiquetas

En esta pantalla es posible:

  • Modificar el valor pre-establecido de la etiqueta.
  • Definir si la etiqueta se mostrará o estará oculta.
  • Establecer si la etiqueta se mostrará a un costado o sobre el valor del campo.

Selección de estilos/plantilla de campo

Definir salida HTML de campo:

  • Default: Salida por defecto.
  • Full Reset: Elimina todo el markup HTML es decir elimina la *divitis o *divception.
  • Minimal: Elimina la mayor marte del markup dejando un contener sencillo.
  • Expert: Permite definir el markup que utilizará el campo.

Configuración de plantilla Expert (ninja)

Permite establecer manualmente tipo de elemento y asignar clases para cada uno de los diferentes elementos HTML contenedores de el campo.

Configuración salida HTML para campo

Permite establecer manualmente tipo de elemento y clases para campo.

Permite establecer caracterísiticas adicionales particulares por tipo de campo.

Extras: Plantilla de campo

Activar opción de plantilla de campo y establecer la plantilla por defecto.

Extras: Campos adicionales (No Field-UI)

Agregar campos a mostrar en region de contenido campos que se generan por medio de otros modulos (disqus,tweetbutton,facebookshare,google_plusone).

Extras: Otros

Asignar "View Mode" directamente a nivel de nodo, enlaces contextuales, opciones para titulo.

Integración con "Views"

Referencias

Demostración

Gracias

Drupal Summit Latino, Guadalajara 2012

Jesús Manuel Olivas | @jmolivas | http://jmolivas.com