2 minutos

Bootstrap Blog

¡Grav es increíble! Tanto que este blog está construído con esta herramienta.

Me encanta lo puro, debido a que no encontré ningún tema usando el framework Bootstrap por defecto con las características que necesitaba, pensé que era razón suficiente para crear mi propia plantilla Grav llamada Bootstrap Blog (perdí la oportunidad de llamarlo Blogstrap). Centrado en ofrecer una implementación lo más ligera posible de Bootstrap y utilizando la última versión de FontAwesome. Además hay muchas plantillas modulares, botones, y opciones en el panel de administración para simplificar el uso a los usuarios recién llegados.

Estilos

Este es el principal componente del tema. Mediante el parámentro style te permite asignar el Tema de Colores Bootstrap en la mayoría de plantillas personalizando el color de fondo, texto y botones de acuerdo con él. Hago uso de algunas macros Twig para ayudarme en el proceso.

Diseños (layout)

La plantilla modular y no-modular de Blog te permite mostrar colecciones en 3 diferentes diseños.

  • Boxed - Como diseño por defecto muestra una caja con la primera imagen de la carpeta (si existe), etiquetas, categorías, fecha y resumen.
  • Cards - Páginas en columnas donde el color de fondo y los textos cambian dependiendo el parámetro estilo del elemento.
  • Masonry - Versión minificada que muestra la imágen destacada y el contenido en hover, excepto cuando no hay imagen donde el contenido aparecerá primero.

Filtros de imagen en Cabeceras (showcase)

Una de las características que más orgulloso estoy de haber implementado. Serás capaz de configurar tus propios filtro de imagen desde la cabecera con las Grav Image Actions para sobrescribir las acciones por defecto de la plantilla. Aún está en Beta, así que mantén la calma y reporta el error si encuentras alguno. Por ahora es necesario escribir null cuando la acción no requiera de argumento.

image_actions:
  brightness: -100
  colorize: '-35,81,122'
  negate: null

FontAwesome 5

La última versión de esta librería de iconos está incluída en el tema. A partir de la versión 5 se agrupan en distintas fuentes por lo que es necesario especificar cuál queremos usar en cada momento. Por defecto en Bootstrap Blog seleccionamos las FontAwesome Solid, así que recuerda añadir fab o far cuando necesites utilizar Brand o Regular respectivamente.

Demo y descarga

Visita la Demo donde estoy publicando contenido de ayuda, histórico de cambios y algunos tips.

Demo Descarga