5 Marzo 2018

Módulo Drupal destacado: Bootstrap Paragraphs

Hoy desde Introbay os traemos un módulo que añade a nuestros sitios web nuevos tipos de paragraphs predefinidos con una serie de estilos que nos ayudarán a dar ese impulso final para que tengan ese dinamismo que esperamos.

El módulo se llama Bootstrap Paragraphs.

¿Qué aporta Bootstrap Paragraphs?

Este módulo para Drupal 8 combina el poder del framework front-end más popular del mundo, Bootstrap con Drupal Paragraphs, para permitir a los creadores de contenido crear diseños y páginas estructuradas.

Con el módulo Bootstrap Paragraphs Drupal 8, podremos crear funciones de Bootstrap como acordeones, carruseles, modales, pestañas y diseños de múltiples columnas con sólo añadirlos a nuestras páginas, bloques e incluso vistas como hacemos con Paragraphs. ¡Es muy útil!

Además cada párrafo tiene opciones de ancho y color de fondo. Se incluyen más de 50 colores y clases de fondo vacías para personalizar en su propio tema. Estas clases son:

  • .paragraph--color--primary 
  • .paragraph--color--secondary 
  • .paragraph--color--success 
  • .paragraph--color--info 
  • .paragraph--color--warning 
  • .paragraph--color--danger

Instalando Bootstrap Paragraphs

Bootstrap Paragraphs

Para la instalación, además del módulo Bootstrap Paragraphs en si, se requiere otos dos módulos más:Views Reference Field y Contact Formatter.

Bootstrap Paragraphs

 

Bootstrap Paragraphs

Por otro lado, para el correcto funcionamiento de todo, es necesario implementar en nuestro tema la librería Bootstrap. Si nuestro tema ya la tiene implementada este paso no haría falta.

Para instalar la libreria Bootstrap podemos hacerlo a través del módulo Bootstrap Library.

Bootstrap Paragraphs

Aparte del módulo hay que descargar la librería desde aquí. Escogemos la opción de la izquierda del todo de las 3 que salen que es la librería ya compilada y se descarga.

Bootstrap Paragraphs

A continuación se descomprime el archivo y se pone en la carpeta /libraries. En el caso de que esa carpeta no exista tendríamos que crearla y renombrar la carpeta a "bootstrap".

Debería verse así  /libraries/bootstrap

Bootstrap Paragraphs

Para terminar vaciamos la caché.

Bootstrap Paragraphs

Podremos acceder a la configuración del módulo "Bootstrap Library" desde la ruta Administración->Configuración->Desarrollo->Bootstrap Library.

 

Aquí debemos seleccionar el tema donde la librería se cargará y que tipo de ficheros queremos utilizar (desarrollo o producción).

Bootstrap Paragraphs

 

Tipos de paragraphs incluidos en Bootstrap Paragraphs

Aquí te dejamos un listado con todos los tipos de paragraphs que puedes usar con este módulo:

  • Simple HTML
  • Image
  • Blank
  • Accordion
  • Carousel
  • Columns (Even, up to 6)
  • Columns (3 Uneven)
  • Columns (2 Uneven)
  • Column Wrapper
  • Drupal Block
  • Modal
  • Tabs
  • View

Uno de nuestros paragraphs favoritos es Views, con el que podrás insertar vistas dentro de paragraphs, algo realmente muy útil en muchos de nuestros proyectos.

Bootstrap Paragraphs

Conclusión

El módulo de Bootstrap Paragraphs es un conjunto de tipos de paragraphs ya definidos creados con el frame de Bootstrap. Con este módulo podemos colocar fácilmente trozos de contenido (paragraphs) dentro de un layout estructurado de diseño propio.

Esperamos que este articulo te haya resultado úitl y que así conozcas un poco más acerca de este estupendo módulo para Drupal 8. Si quieres saber más dejanos tu opinión en los comentarios.

¡Y no olvides que si necesitas cualquier ayuda con tu proyecto en Drupal 7 o Drupal 8 no dudes en contactar con nosotros!