Aan de slag met GraM CMS

Feb 2, 2026

Procedures

(Beeldkrediet: toekomst)

GRAV is een contentmanagementsysteem (CMS) met een verschil. Content managementsystemen zijn alledaags in het moderne web, met platforms zoals WordPress (of andere web hosting provider) een groot percentage websites aanzetten. Ze bieden een eenvoudig te gebruiken grafische interface voor niet-technische gebruikers om artikelen en inhoud toe te voegen terwijl de ontwikkelaars de code afzonderlijk behandelen (op een vergelijkbare manier voor een eenvoudig te gebruiken website bouwer

De belangrijkste nadelen komen wanneer het CMS opgeblazen is met onnodige functies, of dwingt ontwikkelaars op een tell-productieve manier te werken. Zelfs een eenvoudige CMS-gebouwde website die weinig meer is dan een bestemmingspagina vertrouwt op een database, die migratie en management een grotere taak kan maken dan het zou moeten zijn.

Ontmoeten Zwangerschap , de CMS gebouwd met het doel lichtgewicht, flexibel - en zonder een traditionele database. Toch heeft het nog steeds een optioneel toedieningspaneel met een grafische interface, gebruikersbeheer en dezelfde functies die wordt verwacht van een CMS.

Terwijl de grav geen traditionele database op MySQL of vergelijkbaar heeft, heeft dit wel een type database die is opgeslagen in mappen en platte tekstbestanden. Deze bestanden slaan inhoud op met de markdown-syntaxis met configuratie die is opgeslagen in YAML. Als je inhoud hebt om op te slaan, probeer dan deze cloud opslag opties.

Zoals met het leren van een nieuw systeem, kan Gravet een beetje inspanningen nemen om aan de slag te gaan en de documentatie, hoewel het verbeteren, laat enkele vragen onbeantwoord blijven, zodat u door vooraf gemaakte "skeletten" wilt graven. Deze tutorial helpt u om GRAV te installeren en pagina's te voegen met behulp van het standaard Quark-thema.

Download de bestanden voor deze tutorial.

Hoe u de juiste CMS kunt kiezen

01. Configureer de lokale omgeving

GRAV heeft een webserver nodig, zoals Apache of NGINX, en ten minste versie 7.1.3 van PHP.

Stel een lokale WAMP, Mamp of Lamp Server in om mee te werken. Git en Composer zullen ook worden gebruikt om ervoor te zorgen dat deze kunnen worden gebruikt in de opdrachtregel.

02. Maak een werkdirectory

Binnen de webwortel van de lokale server, maakt u een nieuwe map en roept u een nieuwe map en bel het "Grav-project" Open een opdrachtprompt of terminal en test om te zien of PHP is geïnstalleerd met "PHP -V" als een versienummer wordt geretourneerd.

Zo niet, zorg ervoor dat PHP is geïnstalleerd.

03. Installeer een kopie van de grav

De eenvoudigste manier om GRAV te installeren is het downloaden van het ZIP-bestand van de website en het extraheren naar de eerder gemaakt map.

Gebruik de GIT-installatiemethode om de GRAV-CLI te verkennen. Navigeer naar de webwortel van de lokale server en voer de volgende opdracht uit.

 Git Clone -b Master https://github.com
GetGrav / Grav.Git Grav-project

04. Installeer afhankelijkheden

Get started with Grav CMS: Install dependencies — Gebruik de componist om de afhankelijkheden die u nodig hebt te installeren (Afbeelding Credit: Web Designer)

Skip of installatie met ritssluiting. Wijzig de map naar "Grav-project" en gebruik vervolgens de componist om de vereiste afhankelijkheden te installeren.

Gebruik de GRAD-CLI eenmaal geïnstalleerd om het thema en de plug-ins te installeren. Op Windows moeten Gravy-opdrachten worden bereid met "PHP"

 CD Grav-project
Componist Installeer - No-Dev -o
Bin / Gravy Install

05. Test de installatie

Get started with Grav CMS: Test the installation — Probeer geen 404 te krijgen (Afbeelding Credit: Web Designer)

Gravin is toegankelijk bij het Localhost / Grav-project. De opening van deze pagina in een browser toont het Gravure-scherm.

Klik op de typografiepagina om te testen op fouten. Als u een 404-fout tegenkomt, raadpleegt u de probleemoplossing van Graver in de documentatie.

06. Voeg een nieuwe pagina toe

Get started with Grav CMS: Add a new page — Zwart-pagina's worden opgeslagen als tekstbestanden (Afbeelding Credit: Web Designer)

Een pagina in Gravie is een tekstbestand in de map "Gebruikers / pagina's". Om een nieuwe pagina te maken, navigeer dan naar de directory "Grav-project / gebruiker / pagina's" en maak een nieuwe map met de naam 03.Acome, maak vervolgens een nieuw bestand dat standaard.md wordt genoemd.

GRAV maakt gebruik van "Markdown Syntax" om pagina's te maken.

07. Installeer het admin-paneel

Om het proces van het creëren en beheren van inhoud te versnellen en het volledige, gebruiksvriendelijke potentieel van de GRUM-CMS te ontgrendelen, kan de module Admin Panel worden geïnstalleerd. Voer vanuit de opdrachtregel de volgende opdracht uit:

 PHP BIN / GPM Installeer Admin

08. Maak een admin-gebruiker aan

Get started with Grav CMS: Create an admin user — Met de geïnstalleerde admin-module kunt u een beheerdersgebruiker maken (Afbeelding Credit: Web Designer)

Elke pagina op de Gravy-website verfrissen zodra de beheerdersmodule is geïnstalleerd, wordt een prompt geopend om een nieuwe beheerdersgebruiker te maken. Vul uw gegevens in en maak een notitie van het wachtwoord om door te gaan naar het dashboard.

09. Bewerken met admin-interface

Met het Admin Panel instelt Klik op pagina's in de linkerbalk en klik vervolgens op de eerder gemaakte pagina.

Zodra deze lading, kunt u een inhoudsinvoergebied zien waarmee u de inhoud van de pagina's gemakkelijk kunt bewerken.

10. Voeg kinderpagina's toe

Verwijder de typografiepagina in het Admin-paneel en voeg vervolgens een nieuwe pagina toe om deze te vervangen.

Voer de services in voor de naam en de mapnaam en klik vervolgens op Doorgaan en houd de rest van de opties als hun standaardwaarde. Voer wat inhoud in voor deze pagina en klik op Opslaan.

Maak nu een andere pagina met de knop "Toevoegen" en voer een servicenaam in. Zorg ervoor dat "zichtbaar" is ingesteld op Ja, ga dan door.

11. Stel de startpagina in op modulair

Get started with Grav CMS: Set homepage to modular — Voor meer complexe pagina's, verander de sjabloon naar modulair (Afbeelding Credit: Web Designer)

Tijdens het eenvoudig en eenvoudig in staat te zijn om tekst en headers toe te voegen, is het snel en eenvoudig voor basiswebsites, het is begrijpelijk dat een website meer complexe vereisten heeft. Bewerk de startpagina en op het tabblad Geavanceerd, verander de paginasjabloon op modulair. Zorg ervoor dat u de pagina opslaat.

12. Voeg een module toe

Get started with Grav CMS: Adding a module — Laten we een heldmodule toevoegen (Afbeelding Credit: Web Designer)

Modules zijn inhoudsblokken die zijn ingesteld door het thema dat kan worden gebruikt bij het bouwen van een pagina met verschillend gestyled secties.

Nu de startpagina is geconverteerd, verwijdert u de vooraf gemaakte inhoud voor de startpagina en sla de wijzigingen op. Klik vervolgens bovenaan de pagina op add & gt; voeg modulair toe en vul de titel "Held" in en stel de pagina in op "thuis". Voor de modulaire sjabloon, kies de optie "Hero".

13. vul de heldmodule in

Get started with Grav CMS: Populate the Hero module — Modules geven in een blok op hun bovenliggende pagina (Afbeelding Credit: Web Designer)

Modules worden hetzelfde behandeld als subpagina's in het Admin-paneel, maar in plaats van een subpagina te vormen, maken ze hun inhoud in een blok op hun bovenliggende pagina. Bewerk de nieuw gemaakte heldmodule en voeg een koptekst toe, wat tekst en voeg een hero-afbeelding toe in "pagina Media". Sla de pagina op.

14. Voeg een functies-module toe

Herhaal de bovenstaande stap, maar selecteer de functiesmodule. Wanneer u de pagina bewerkt, moet u het tabblad "FUNCTIES" waarmee u een lay-out kunt instellen en afzonderlijke kolommen toevoegen met een pictogram, koptekst en tekst. Voeg vier deze kolommen toe en geef ze inhoud.

15. Voeg een tekstblok toe

De laatste module op de startpagina is een standaard inhoudsblok. Voeg dit toe en voer de gewenste inhoud in dit gebied in, bevestig een afbeelding en sla de pagina op.

Openen ten slotte elk blok tot nu toe, inclusief de bovenliggende startpagina en verwijder de CSS-klassen door naar het geavanceerde tabblad te gaan en het veld Body Classes te legen. Dit zijn CSS-klassen ingesteld door het thema waarmee u elk blok kunt aanpassen.

16. Configureer opties

Om het site-logo en een reeks opties voor het thema in te stellen, gaat u naar het menu "Thema's" en klikt u vervolgens op Quark, het momenteel actieve thema.

Pas deze instellingen aan en klik vervolgens op "Configuratie" om opties te openen, zoals "site titel".

Dit artikel is oorspronkelijk gepubliceerd in kwestie 291 van Creative Web Design Magazine Webdesigner Koop Probleem 291 hier

Gerelateerde artikelen:

Gebruik WordPress als hoofdloze CMS
Hoe te animeren met de Mo.js-bibliotheek
10 redenen waarom je atomisch ontwerp zou moeten gebruiken

Aan de slag met GraM CMS

01. Configureer de lokale omgeving

02. Maak een werkdirectory

03. Installeer een kopie van de grav

04. Installeer afhankelijkheden

05. Test de installatie

06. Voeg een nieuwe pagina toe

07. Installeer het admin-paneel

08. Maak een admin-gebruiker aan

09. Bewerken met admin-interface

10. Voeg kinderpagina's toe

11. Stel de startpagina in op modulair

12. Voeg een module toe

13. vul de heldmodule in

14. Voeg een functies-module toe

15. Voeg een tekstblok toe

16. Configureer opties

Procedures - Meest populaire artikelen

Hoe draait u de dag in de nacht in Photoshop

Gebruik WordPress als headless CMS

Hoe maak je een fotorealistische kamerscène

Verlicht uw 3D-werk met koepelverlichting

Hoe een betere verlichting te bereiken met V-Ray

Hoe een atmosferisch portret in Photoshop te schilderen

Aan de slag met Sass

Het geheim van schilderen zoals Monet

Categorieën