Kom igång med Grav CMS

Sep 13, 2025
Hur
Get started with Grav CMS
(Bildkredit: Framtida)

Grav är ett Content Management System (CMS) med en skillnad. Content Management Systems är vanliga i den moderna webben, med plattformar som WordPress (eller annat webbhotell leverantör) driver en stor andel webbplatser. De ger ett lättanvänt grafiskt gränssnitt för icke-tekniska användare att lägga till artiklar och innehåll medan utvecklarna hanterar koden separat (på ett liknande sätt som en lättanvänd Website Builder ).

De stora nackdelarna kommer när CMS uppräknas med onödiga funktioner, eller tvingar utvecklare att arbeta på ett kontraproduktivt sätt. Även en grundläggande CMS-byggd webbplats som är lite mer än en landningssida bygger på en databas, som kan göra migrering och ledning en större uppgift än det borde vara.

Träffa Grav , CMS byggda med syftet att vara lätt, flexibel - och utan en traditionell databas. Ändå har det fortfarande en valfri administrationspanel med ett grafiskt gränssnitt, användarhantering och samma funktioner som förväntas av en CMS.

Medan Grav inte har en traditionell databas som körs på MySQL eller liknande, har den en typ av databas som lagras i mappar och vanliga textfiler. Dessa filer lagrar innehåll med markdown-syntaxen med konfiguration lagrad i YAML. Om du har innehåll att lagra, prova dessa molnlagring alternativ.

Som med att lära sig något nytt system kan Grav ta lite ansträngning för att komma igång, och dokumentationen, även om det förbättras, lämnar några frågor obesvarade och lämnar dig att gräva genom förgjorda "skelett". Denna handledning hjälper dig att installera Grav och lägga till sidor med hjälp av standardkvarntemat.

Ladda ner filerna för denna handledning.

  • Hur man väljer rätt CMS

01. Konfigurera lokal miljö

Graven kräver en webbserver, till exempel Apache eller Nginx, och åtminstone version 7.1.3 av PHP.

Ställ in en lokal Wamp, MAMP eller LAMP-server för att fungera med. Git och kompositör kommer också att användas för att säkerställa att dessa kan användas i kommandoraden.

02. Skapa en fungerande katalog

Inom den lokala serverns webbrot, skapa en ny katalog och kalla det "Grav-Project" öppna en kommandotolk eller terminal och test för att se om PHP är installerat med "PHP-V" om ett versionsnummer returneras.

Om inte, se till att PHP är installerat.

03. Installera en kopia av grav

Det enklaste sättet att installera Grav är att ladda ner zip-filen från webbplatsen och extrahera den till den mapp som skapats tidigare.

Använd GIT-installationsmetoden för att utforska Grav Cli. Navigera till den lokala serverns webbrot och kör följande kommando. 

 Git Clone -B Master https://github.com
GetGRAV / Grav.Git Grav-Project

04. Installera beroenden

Get started with Grav CMS: Install dependencies

Använd kompositör för att installera de beroenden du behöver (Bildkredit: Webbdesigner)

Hoppa över om du installerar med ZIP. Ändra katalogen till "Grav-Project", använd sedan kompositören för att installera de önskade beroenden.

Använd en gång, använd Grav Cli för att installera temat och plugins. På Windows måste Grav-kommandon vara avsedda med "PHP" 

 CD Grav-projekt
Kompositör installera --no-dev -o
Bin / Grav Installera

05. Testa installationen

Get started with Grav CMS: Test the installation

Försök att inte få en 404 (Bildkredit: Webbdesigner)

Grav kan nås på Localhost / Grav-Project. Öppna den här sidan i en webbläsare visar Grav Welcome-skärmen.

Klicka på Typography-sidan för att testa för fel. Om du stöter på ett 404-fel, se Gravs felsökning i dokumentationen.

06. Lägg till en ny sida

Get started with Grav CMS: Add a new page

Grav-sidor lagras som textfiler (Bildkredit: Webbdesigner)

En sida i Grav är en textfil i katalogen "Användare / sidor". För att skapa en ny sida, navigera till katalogen "Grav-Project / User / Pages" och skapa en ny mapp som heter 03.About, sedan skapa en ny fil som kommer att kallas default.md.

Grav använder "markdown syntax" för att göra sidor.

07. Installera administratörspanelen

För att påskynda processen med att skapa och hantera innehåll och låsa upp den fullständiga, användarvänliga potentialen hos Grav CMS, kan administratörsmodulen installeras. Från kommandoraden kör du följande kommando: 

 PHP BIN / GPM Installera admin

08. Skapa en administratörsanvändare

Get started with Grav CMS: Create an admin user

Med den installerade administratörsmodulen kan du skapa en administratörsanvändare (Bildkredit: Webbdesigner)

Uppfriskande en sida på Grav-webbplatsen När administratörsmodulen är installerad öppnar du en snabb att skapa en ny administratörsanvändare. Fyll i dina uppgifter och notera lösenordet för att fortsätta till instrumentpanelen.

09. Redigera med administratörsgränssnitt

Med inställning av administratörspanelen klickar du på sidor i vänsterfältet och klickar sedan på den här sidan som gjorts tidigare.

När du väl lägger, kommer du att kunna se ett innehållsinträdet som möjliggör enkel redigering av innehållet på sidorna.

10. Lägg till barnsidor

Ta bort typograferingssidan i administratörspanelen och lägg till en ny sida för att ersätta den.

Ange tjänster för titeln och mappnamnet och klicka sedan på Fortsätt, hålla resten av alternativen som standardvärde. Ange något innehåll på den här sidan och klicka på Spara.

Skapa nu en annan sida med "Lägg till" -knappen och ange ett servicenamn. Se till att "synlig" är inställd på Ja, fortsätt.

11. Ange hemsida till modulärt

Get started with Grav CMS: Set homepage to modular

För mer komplexa sidor, ändra mallen till modulär (Bildkredit: Webbdesigner)

Medan du enkelt kan lägga till text och rubriker till en sida är snabb och enkel för grundläggande webbplatser, är det förståeligt att en webbplats kommer att ha mer komplexa krav. Redigera hemsidan och på fliken Avancerat Ändra sidmallen till Modular. Se till att spara sidan.

12. Lägg till en modul

Get started with Grav CMS: Adding a module

Låt oss lägga till en hjälte-modul (Bildkredit: Webbdesigner)

Moduler är innehållsblock som är inställda av temat som kan användas när du bygger en sida med olika stilade sektioner.

Nu när hemsidan har konverterats, radera det förgjorda innehållet för hemsidan och spara ändringarna. Sedan längst upp på sidan, klicka på Lägg till och gt; Lägg till modulär och fyll i titeln "hjälte" och sätt på sidan till "hem". För den modulära mallen, välj alternativet "Hero".

13. Populera hjältmodulen

Get started with Grav CMS: Populate the Hero module

Moduler gör i ett block på deras föräldersida (Bildkredit: Webbdesigner)

Moduler behandlas samma som delsidor i adminpanelen, men istället för att bilda en undersida gör de innehållet i ett block på deras föräldersida. Redigera den nyskapade hjälmmodulen och lägg till en rubrik, lite text och lägg till en hjälte-bild i "PAGE MEDIA". Spara sidan.

14. Lägg till en egenskapsmodul

Upprepa ovanstående steg, men välj Funktionsmodul. När du redigerar sidan, märker du fliken "Funktioner" som låter dig ställa in en layout och lägga till enskilda kolumner med en ikon, huvud och text. Lägg till fyra av dessa kolumner och ge dem innehåll.

15. Lägg till ett textblock

Den sista modulen på hemsidan kommer att vara ett vanligt innehållsblock. Lägg till det här och ange önskat innehåll i det här området, bifoga en bild och spara sidan.

Slutligen, öppna varje block hittills, inklusive moderets hemsida och ta bort eventuella CSS-klasser genom att gå till fliken Avancerat och tömma fältet Kroppsklasser. Dessa är CSS-klasser som ställs in med temat som låter dig anpassa varje block.

16. Konfigurera alternativ

För att ställa in webbplatslogotypen och en rad alternativ för temat, gå till "teman" -menyn och sedan klicka på Quark, det aktuella aktiva temat.

Justera dessa inställningar och klicka sedan på "Konfiguration" för att komma åt alternativ som "Site Title".

Denna artikel publicerades ursprungligen i utgåva 291 av kreativ webbdesignmagasin Webbdesigner . Köp utgåva 291 här .

Relaterade artiklar:

  • Använd WordPress som en huvudlös CMS
  • Hur man animerar med mo.js-biblioteket
  • 10 skäl du bör använda atomdesign

Hur - Mest populära artiklar

Skapa en bildmeny

Hur Sep 13, 2025

Ett bra sätt att förbättra användarupplevelse På din webbplats är du att lägga till en bildmeny; Det skapar ett iögonfallande sätt för användarna att h..

Gör interaktiva 3D-typografi effekter

Hur Sep 13, 2025

Typografi har alltid spelat en stor roll i någon designers arsenal av verktyg, eftersom de väljer rätt typsnitt som kommer att..

Bygg ditt eget WebGL-fysikspel

Hur Sep 13, 2025

Detta projekt kommer att delas upp i olika delar. Vi kommer att ge en kort introduktion till Heroku, visa hur man använder PHYSI..

Hur man målar övertygande reflektioner

Hur Sep 13, 2025

Digitala målningstekniker gör det möjligt att avbilda reflektioner i glas på ett relativt enkelt sätt. Visst är det mycket ..

Hur man förbättrar prestanda för e-handelsplatser

Hur Sep 13, 2025

Tammy Everts kommer att ge en presentation på sambandet mellan design, prestanda och omvandlingsfrek..

Skapa en upptagen stadscen i Illustrator

Hur Sep 13, 2025

Den bästa staden är en upptagen stad, men den upptagen atmosfären är inte en lätt sak att fånga framgångsrikt. Men med nå..

Hur man skapar en Snapchat Geofilter i Photoshop

Hur Sep 13, 2025

Klienter söker ständigt efter nya sätt att engagera sig med publik. Snapchat GeoFilters - Särskilda kommunikativa överlägg - är ett bra sätt att få ett varumärke framför människor..

Kom igång med prototypning i Adobe XD

Hur Sep 13, 2025

Eftersom efterfrågan på UX-designpersonal fortsätter att växa, letar designers lättanvända verktyg som är tillräckligt kraftfulla för att skapa prototyper av hög kvalitet, men det k..

Kategorier