Comienza con Grav CMS

Sep 14, 2025
Cómo
Get started with Grav CMS
[dieciséis] (Crédito de la imagen: Futuro)

Grav es un sistema de gestión de contenido (CMS) con una diferencia. Los sistemas de gestión de contenido son comunes en la web moderna, con plataformas como WordPress (u otro Alojamiento web Proveedor) que enciende un gran porcentaje de sitios web. Proporcionan una interfaz gráfica fácil de usar para que los usuarios no técnicos agreguen artículos y contenido, mientras que los desarrolladores manejan el código por separado (de manera similar a un fácil de usar Creador de sitios web ).

Los principales inconvenientes vienen cuando el CMS está hinchado con características innecesarias, o obliga a los desarrolladores a trabajar de manera contraproducente. Incluso un sitio web básico de CMS construido que es poco más que un página de destino se basa en una base de datos, que puede hacer que la migración y la administración sea una tarea mayor de la que debe ser.

Encontrarse Gravillo , el CMS construido con el propósito de ser ligero, flexible, y sin una base de datos tradicional. Sin embargo, todavía tiene un panel de administración opcional con una interfaz gráfica, administración de usuarios y las mismas características esperadas de un CMS.

Mientras Grav no tiene una base de datos tradicional que se ejecuta en MySQL o similar, tiene un tipo de base de datos que se almacena en carpetas y archivos de texto sin formato. Estos archivos almacenan contenido con la sintaxis de Markdown con la configuración almacenada en YAML. Si tiene contenido para almacenar, intente estos almacenamiento en la nube Opciones.

Al igual que con el aprendizaje de cualquier sistema nuevo, Grav puede tomar un poco de esfuerzo para comenzar, y la documentación, aunque mejoró, deja algunas preguntas sin respuesta, dejándole que cave a través de "esqueletos" pre-hecho. Este tutorial lo ayudará a instalar Grav y agregar páginas mediante el tema predeterminado de Quark.

Descargar los archivos Para este tutorial.

  • Cómo elegir el CMS derecho

01. Configurar el entorno local

Grav requiere un servidor web, como Apache o Nginx, y al menos la versión 7.1.3 de PHP.

Configure un servidor local de WAMP, MAMP o lámpara para trabajar. Git y compositor también se utilizarán para garantizar que estos se puedan utilizar en la línea de comandos.

02. Crear un directorio de trabajo

Dentro de la raíz web del servidor local, cree un nuevo directorio y llámelo "Grav-Project" abra un símbolo del sistema o el terminal y la prueba para ver si PHP está instalado con "PHP -V" si se devuelve un número de versión.

Si no, asegúrese de que PHP esté instalado.

03. Instale una copia de grav.

La forma más fácil de instalar Grav es descargar el archivo ZIP desde el sitio web y extraerlo a la carpeta creada anteriormente.

Use el método de instalación GIT para explorar la CLI Grav. Navegue a la raíz web del servidor local y ejecute el siguiente comando. 

 git clone -b master https://github.com
getgrav / grav.git grav-proyecto

04. Instale dependencias

Get started with Grav CMS: Install dependencies

[dieciséis] Utilice compositor para instalar las dependencias que necesita. (Crédito de la imagen: diseñador web)

Salta si se instala con cremallera. Cambie el directorio a "Grav-Project", luego use compositor para instalar las dependencias requeridas.

Una vez instalado, use la CLI Grav para instalar el tema y los complementos. En Windows, los comandos graves deben precedirse con "PHP" 

 CD GRAV-Project
Instalación del compositor --no-dev -o
INSTALACIÓN DE BIN / GRAV

05. PRUEBA LA INSTALACIÓN

Get started with Grav CMS: Test the installation

[dieciséis] Intenta no conseguir un 404 (Crédito de la imagen: diseñador web)

Se puede acceder a GRAV en LocalHost / Grav-Project. Apertura de esta página en un navegador muestra la pantalla de bienvenida grav.

Haga clic en la página de tipografía para probar errores. Si encuentra un error 404, consulte la solución de problemas de GRAV en la documentación.

06. Añadir una nueva página

Get started with Grav CMS: Add a new page

[dieciséis] Las páginas gravas se almacenan como archivos de texto (Crédito de la imagen: diseñador web)

Una página en GRAV es un archivo de texto en el directorio "Usuario / Páginas". Para crear una nueva página, navegue hasta el "Directorio Grav-Project / User / Pages" y cree una nueva carpeta llamada 03.about, luego cree un archivo nuevo que se llame predeterminado.md.

Grav usa "Sintaxis de Markdown" para renderizar páginas.

07. Instale el panel de administración

Para acelerar el proceso de creación y administración del contenido y desbloquee el potencial completo y fácil de usar del Grav CMS, se puede instalar el módulo del panel de administración. Desde la línea de comandos, ejecute el siguiente comando: 

 PHP bin / gpm install administrador

08. Crear un usuario de administrador

Get started with Grav CMS: Create an admin user

[dieciséis] Con el módulo de administración instalado puede crear un usuario administrador (Crédito de la imagen: diseñador web)

Refrescando cualquier página en el sitio web de gravas una vez que se instale el módulo de administración, abrirá un mensaje para crear un nuevo usuario administrador. Complete sus datos y haga una nota de la contraseña para continuar con el tablero de instrumentos.

09. Editar con la interfaz de administración.

Con la configuración del panel de administración, haga clic en las páginas en la barra de la mano izquierda y haga clic en Acerca de la página hecha anteriormente.

Una vez que esto cargue, podrá ver un área de entrada de contenido que permita una fácil edición del contenido de las páginas.

10. Añadir páginas infantiles

Elimine la página de tipografía en el panel de administración, luego agregue una nueva página para reemplazarla.

Ingrese los servicios para el título y el nombre de la carpeta, luego haga clic en Continuar, manteniendo el resto de las opciones como su valor predeterminado. Ingrese algún contenido para esta página y haga clic en Guardar.

Ahora cree otra página con el botón "Agregar" e ingrese un nombre de servicio. Asegúrese de que "visible" esté configurado en SÍ, luego continúe.

11. Establezca la página de inicio a modular.

Get started with Grav CMS: Set homepage to modular

[dieciséis] Para páginas más complejas, cambie la plantilla a modular. (Crédito de la imagen: diseñador web)

Mientras podía agregar texto y encabezados fácilmente a una página, es rápido y fácil para los sitios web básicos, es comprensible que un sitio web tenga requisitos más complejos. Edite la página de inicio y en la pestaña Avanzado Cambie la plantilla de página a modular. Asegúrate de guardar la página.

12. Añadir un módulo

Get started with Grav CMS: Adding a module

[dieciséis] Vamos a agregar un módulo de héroe. (Crédito de la imagen: diseñador web)

Los módulos son bloques de contenido establecidos por el tema que se pueden usar al crear una página con secciones de estilo diferente.

Ahora que la página de inicio se ha convertido, elimine el contenido prefabricado para la página de inicio y guarde los cambios. Luego en la parte superior de la página, haga clic en ADD & GT; añadir modular y complete el título "Héroe" y configure la página en "Home". Para la plantilla modular, elija la opción "Héroe".

13. Poblar el módulo del héroe.

Get started with Grav CMS: Populate the Hero module

[dieciséis] Los módulos se prestan en un bloque en su página principal. (Crédito de la imagen: diseñador web)

Los módulos se tratan igual a las subpáginas en el panel de administración, pero en lugar de formar una subpágina, hacen su contenido en un bloque en su página principal. Edite el módulo de héroe recién creado y agregue un encabezado, algún texto y agregue una imagen de héroe a "Medios de página". Guarda la página.

14. Añadir un módulo de características

Repita el paso anterior, pero seleccione Funciones Módulo. Al editar la página, notifique la pestaña "Características" que le permite configurar un diseño, y agregar columnas individuales con un icono, encabezado y texto. Añadir cuatro de estas columnas y darles contenido.

15. Añadir un bloque de texto

El último módulo en la página de inicio será un bloque de contenido estándar. Agregue esto e ingrese el contenido deseado en esta área, adjuntando una imagen y guarde la página.

Por último, abra cada bloque hasta ahora, incluida la página de inicio de los padres y elimina cualquier clase CSS al ir a la pestaña Avanzada y al vaciar el campo Clases del cuerpo. Estas son clases CSS establecidas por el tema que le permiten personalizar cada bloque.

16. Configurar opciones

Para configurar el logotipo del sitio y una variedad de opciones para el tema, diríjase al menú "Temas" y luego haga clic en Quark, el tema actualmente activo.

Ajuste estos ajustes, luego haga clic en "Configuración" para acceder a las opciones, como "Título del sitio".

Este artículo se publicó originalmente en el número 291 de la revista Creative Web Design Design Diseñador web . Comprar emisión 291 aquí .

Artículos relacionados:

  • Usa WordPress como un CMS sin cabeza
  • Cómo animar con la biblioteca MO.JS
  • 10 razones por las que debería estar usando el diseño atómico

Cómo - Artículos más populares

¿Está su almacenamiento de Apple iCloud? Aquí es cómo liberar espacio

Cómo Sep 14, 2025

[dieciséis] (Crédito de la imagen: Apple) El servicio de iCloud de Apple es uno de los Mejor almacenamiento en la nube..

Dibujo de la figura: Guía de un principiante

Cómo Sep 14, 2025

[dieciséis] Página 1 de 3: Cómo dibujar una figura: Mujer Cómo dibujar una figura: Muj..

Tipografía de marca: una guía completa

Cómo Sep 14, 2025

[dieciséis] Pentagram creó un tipografía a medida para el teatro público. (Crédito de la imagen: Pentagrama para el públic..

Cómo dibujar un brazo

Cómo Sep 14, 2025

[dieciséis] (Crédito de la imagen: Patrick J Jones) Aprender a dibujar un brazo que parece realista es una parte vital de un..

Estilo Un sitio usando SASS

Cómo Sep 14, 2025

[dieciséis] Puedes hacer mucho con CSS, quizás más de lo que podría pensar, pero el lenguaje de la hoja de estilo venerable tiene s..

Cómo construir una aplicación web progresiva

Cómo Sep 14, 2025

[dieciséis] Mobile ahora representa más de la mitad del tráfico de la Web, y las aplicaciones web permiten a los usuarios hacer cosa..

19 Consejos para un gran arte Poser

Cómo Sep 14, 2025

[dieciséis] Página 1 de 2: Página 1 Página 1 Página 2 ..

Crea un efecto de salpicaduras en RealFlow

Cómo Sep 14, 2025

Página 1 de 2: Página 1 Página 1 Página 2 En este artículo, vo..

Categorías