Editor

Grav es:

  1. Un CMS moderno para crear páginas web de manera rápida y sencilla.
  2. Una herramienta pequeña en comparación a Wordpress.
  3. De código libre basado en PHP que no necesita base de datos.

Grav:

  1. No necesita ser instalado.
    • Su bandera es la simplicidad y la rapidez.
  2. Viene con un sistema de gestión de paquetes, que permite añadir nuevas funcionalidades. Y se puede actualizar desde el panel de administración o por línea de comandos.
    • Existen ya más de 200 plugins disponibles, todos ellos de software libre.
  • Plantillas y themes hay muchas y variadas, aunque muchas son bastante sencillas.
  1. Utiliza el motor de plantillas Twig, cada vez más extendido en el desarrollo de PHP.

Inicio rápido

Para comenzar la configuración del CMS, sólo hay que descomprimir el paquete de Grav y ejecutar.

  1. Descargue el paquete de instalación Grav core + Admin plugin
  2. Extraiga el archivo zip en su directorio raíz.
  3. Apunte su navegador a su sitio web: http://yoursite.com

Plugins que Grav incluye por defecto

  • Admin panel.
  • Login.
  • Form, los complementos Admin panel y Login lo utilizan ampliamente.
  • Problems.
  • Auto Date, agrega automáticamente la fecha actual al crear una nueva página a través de Admin panel.

Plugins

  1. https://github.com/jgonyea/grav-plugin-podcast
  2. https://github.com/jgonyea/grav-plugin-get-id3
  3. https://github.com/getgrav/grav-plugin-simplesearch
  • Search Content
  • Display Search Button
  • Ignore accented characters
  1. https://github.com/getgrav/grav-plugin-pagination
  2. https://github.com/marcosegato/grav-plugin-backtotop
  3. https://github.com/ayozehd/grav-plugin-sharer

{% include ‘partials/sharer.html.twig’ %}

  1. https://github.com/OliverO2/grav-plugin-responsive-images
  2. https://github.com/getgrav/grav-plugin-custom-css

https://github.com/trilbymedia/grav-plugin-git-sync https://github.com/torsten-sauer/social-media-links https://github.com/clemdesign/grav-plugin-adsense

https://github.com/getgrav/grav-plugin-comments https://github.com/robgnu/grav-plugin-subscriber https://github.com/trilbymedia/grav-plugin-views https://github.com/ladotech/grav-plugin-tinypng https://github.com/hibbitts-design/grav-plugin-external-links https://github.com/marshmn/grav-plugin-shortcode-modal https://github.com/getgrav/grav-plugin-problems

https://github.com/getgrav/grav-plugin-maintenance https://github.com/hibbitts-design/grav-plugin-hypothesis https://github.com/sommerregen/grav-plugin-toc https://github.com/trilbymedia/grav-plugin-page-toc

Temas

  • Instalar plugin DevTools

Grav tiene un conjunto simple de opciones de configuración en el archivo user/config/

  • system.yaml
  • site.yaml

Estilo

El tema predeterminado Quark en user/themes/quark proporciona:

  1. Una referencia a .../css/custom.css donde puede anular el CSS predeterminado.
  2. Una variedad de archivos SCSS en .../scss que deben compilarse en .../css-compiled/.

Plantilla

Si observa .../templates/partials/base.html.twig puede ver cómo agregar archivos CSS y/o JS

  1. La etiqueta {% do %} permite manipular variables sin generar ningún resultado.
  2. assets.addJs('jquery', {priority: 101}) permite agregar archivos JS, con la prioridad 101; cuando no se proporciona el valor predeterminado es 10.
  3. La llamada assets.js()|raw representa los activos JS como etiquetas HTML; como no se proporciona ningún parámetro, el grupo está configurado de forma predeterminada en head
  4. Por otra parte assets.js('bottom')|raw renderiza los assets con el grupo bottom

Atributos:

  • position: ‘before|pipeline|after’ (el valor predeterminado es pipeline)
  • (addCss) loading: ‘inline’ (no tendrá efecto con position: ‘pipeline’)
  • (addJs) loading: ‘async|defer|async defer|inline’ (no tendrá efecto con position: ‘pipeline’)
  • group: ‘nombre’ (el valor predeterminado es head)
Contenido