Contenido
- 01. Configurar el entorno local
- 02. Crea un directorio de trabajo
- 03. Instale una copia de Grav
- 04. Instalar dependencias
- 05. Pruebe la instalación
- 06. Agregar una nueva página
- 07. Instale el panel de administración
- 08. Crea un usuario administrador
- 09. Editar con interfaz de administración
- 10. Agregar páginas secundarias
- 11. Establecer la página de inicio en modular
- 12. Agregar un módulo
- 13. Complete el módulo Hero
- 14. Agregar un módulo de funciones
- 15. Agrega un bloque de texto
- 16. Configurar opciones
Grav es un sistema de gestión de contenidos (CMS) diferente. Los sistemas de gestión de contenido son comunes en la web moderna, con plataformas como Wordpress (u otro proveedor de alojamiento web) que alimentan 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 los desarrolladores manejan el código por separado (de manera similar a un creador de sitios web fácil de usar).
Los principales inconvenientes se producen cuando el CMS está repleto de funciones innecesarias o obliga a los desarrolladores a trabajar de forma contraproducente. Incluso un sitio web básico creado por un CMS que es poco más que una página de destino se basa en una base de datos, lo que puede hacer que la migración y la administración sean una tarea más grande de lo que debería ser.
Conozca Grav, el CMS creado con el propósito de ser liviano, 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 que se esperan de un CMS.
Si bien Grav no tiene una base de datos tradicional que se ejecute en MySQL o similar, sí 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, pruebe estas opciones de almacenamiento en la nube.
Al igual que con el aprendizaje de cualquier sistema nuevo, Grav puede requerir un poco de esfuerzo para comenzar, y la documentación, aunque está mejorando, deja algunas preguntas sin respuesta, lo que le permite escarbar en "esqueletos" prefabricados. Este tutorial lo ayudará a instalar Grav y agregar páginas usando el tema de quark predeterminado.
Descargar los archivos para este tutorial.
- Cómo elegir el CMS adecuado
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 WAMP, MAMP o LAMP local para trabajar. También se utilizarán git y composer para garantizar que se puedan utilizar en la línea de comandos.
02. Crea 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 terminal y pruebe para ver si PHP está instalado con "PHP -v" si se devuelve un número de versión.
Si no es así, 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 del sitio web y extraerlo a la carpeta creada anteriormente.
Utilice el método de instalación de git para explorar la CLI de Grav. Navegue hasta la raíz web del servidor local y ejecute el siguiente comando.
git clone -b master https://github.com getGrav / Grav.git Grav-project
04. Instalar dependencias
Omitir si se instala con zip. Cambie el directorio a "Grav-project", luego use composer para instalar las dependencias requeridas.
Una vez instalado, use la CLI de Grav para instalar el tema y los complementos. En Windows, los comandos de Grav deben ir precedidos de "php"
cd grav-project composer install --no-dev -o bin / grav install
05. Pruebe la instalación
Se puede acceder a Grav en localhost / Grav-project. Al abrir esta página en un navegador, se muestra la pantalla de bienvenida de Grav.
Haga clic en la página de tipografía para comprobar si hay errores. Si encuentra un error 404, consulte la solución de problemas de Grav en la documentación.
06. Agregar una nueva página
Una página en Grav es un archivo de texto en el directorio "usuario / páginas". Para crear una nueva página, navegue al "directorio Grav-project / user / pages" y cree una nueva carpeta llamada 03.about, luego cree un nuevo archivo que se llamará default.md.
Grav utiliza la "sintaxis de Markdown" para representar páginas.
07. Instale el panel de administración
Para acelerar el proceso de creación y gestión de contenido y desbloquear el potencial completo y fácil de usar de Grav CMS, se puede instalar el módulo del panel de administración. Desde la línea de comando, ejecute el siguiente comando:
php bin / gpm instalar administrador
08. Crea un usuario administrador
Al actualizar cualquier página del sitio web de Grav una vez que se haya instalado el módulo de administración, se abrirá un mensaje para crear un nuevo usuario administrador. Complete sus datos y anote la contraseña para pasar al panel de control.
09. Editar con interfaz de administración
Con el panel de administración configurado, haga clic en las páginas en la barra de la izquierda y luego haga clic en la página Acerca de hecha anteriormente.
Una vez que se cargue, podrá ver un área de entrada de contenido que permite editar fácilmente el contenido de las páginas.
10. Agregar páginas secundarias
Elimina la página de tipografía en el panel de administración y luego agrega una nueva página para reemplazarla.
Ingrese 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. Establecer la página de inicio en modular
Si bien poder 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 avanzada cambie la plantilla de página a modular. Asegúrate de guardar la página.
12. Agregar un módulo
Los módulos son bloques de contenido establecidos por el tema que se pueden usar al crear una página con secciones con estilos diferentes.
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 agregar> agregar modular y complete el título "héroe" y establezca la página en "inicio". Para la plantilla modular, elija la opción "héroe".
13. Complete el módulo Hero
Los módulos se tratan de la misma manera que las subpáginas en el panel de administración, pero en lugar de formar una subpágina, representan su contenido en un bloque en su página principal. Edite el módulo de héroe recién creado y agregue un encabezado, algo de texto y agregue una imagen de héroe en "medios de página". Guarde la página.
14. Agregar un módulo de funciones
Repita el paso anterior, pero seleccione el módulo de funciones. Al editar la página, observe la pestaña "características" que le permite establecer un diseño y agregar columnas individuales con un icono, encabezado y texto. Agrega cuatro de estas columnas y dales contenido.
15. Agrega un bloque de texto
El último módulo de la página de inicio será un bloque de contenido estándar. Agregue esto e ingrese el contenido deseado en esta área, adjunte una imagen y guarde la página.
Por último, abra cada bloque hasta ahora, incluida la página de inicio principal, y elimine cualquier clase de CSS yendo a la pestaña avanzada y vaciando el campo de clases del cuerpo. Estas son clases de CSS establecidas por el tema que le permiten personalizar cada bloque.
16. Configurar opciones
Para configurar el logotipo del sitio y una serie de opciones para el tema, diríjase al menú "temas" y luego haga clic en Quark, el tema actualmente activo.
Ajuste esta configuración, luego haga clic en "configuración" para acceder a opciones como "Título del sitio".
Este artículo se publicó originalmente en el número 291 de la revista Creative Web Design. Diseñador web. Compra el número 291 aquí.
