Beginnen Sie mit GAV CMS

Jan 29, 2026

wie man

(Bildkredite: Zukunft)

GRAV ist ein Content-Management-System (CMS) mit einem Unterschied. Content-Management-Systeme sind im modernen Web alltäglich mit Plattformen wie WordPress (oder anderen Web-Hosting Anbieter) Stromversorgung eines großen Prozentsatzes von Websites. Sie bieten eine benutzerfreundliche grafische Benutzeroberfläche für nicht-technische Benutzer, um Artikel und Inhalte hinzuzufügen, während die Entwickler den Code separat abwickeln (auf ähnliche Weise mit einer benutzerfreundlichen Weise Webseitenersteller ).

Die wichtigsten Nachteile kommen, wenn der CMS mit nicht benötigten Merkmalen aufgebläht ist, oder Truppen von Entwicklern, um kontinuierlich produktiv zu arbeiten. Sogar eine grundlegende cms errichtete Website, die wenig mehr als ein ist Landing-Seite Seltsam auf einer Datenbank, die Migration und Verwaltung eine größere Aufgabe erstellen kann, als es sein sollte.

Treffen Grav. Die CMS erstellt mit dem Zweck, leichtes, flexibel - und ohne herkömmliche Datenbank zu sein. Es verfügt jedoch über ein optionales Verwaltungsfeld mit einer grafischen Benutzeroberfläche, Benutzerverwaltung und den gleichen Funktionen, die von einem CMS erwartet werden.

Während GRAV keine herkömmliche Datenbank auf MySQL oder ähnliches läuft, verfügt er über eine Art Datenbank, die in Ordnern und einfachen Textdateien gespeichert ist. Diese Dateien speichern Inhalte mit der Markdown-Syntax mit der in YAML gespeicherten Konfiguration. Wenn Sie Inhalte zum Laden haben, versuchen Sie diese Cloud-Speicherung. Optionen.

Wie bei der Erlernen eines neuen Systems kann GRAV ein bisschen Mühe dauern, um mit dem Start zu beginnen, und die Dokumentation, obwohl die Verbesserung einige Fragen unbeantwortet lässt, wodurch Sie durchgegangen werden, um durch vorgefertigte "Skelette" auszudrängen. Dieses Tutorial hilft Ihnen, in der Installation von GRAV zu installieren und Seiten mit dem Standard-Quark-Theme hinzuzufügen.

Laden Sie die Dateien herunter für dieses Tutorial.

So wählen Sie den richtigen CMS aus

01. Konfigurieren der lokalen Umgebung

GRAV erfordert einen Webserver, z. B. Apache oder Nginx, und mindestens Version 7.1.3 von PHP.

Richten Sie einen lokalen WAMP, MAMP- oder LAMP-Server ein, mit dem Sie arbeiten können. GIT und Komponist wird auch verwendet, um sicherzustellen, dass diese in der Befehlszeile verwendet werden können.

02. Erstellen Sie ein Arbeitsverzeichnis

Erstellen Sie innerhalb des Webstamms des lokalen Servers ein neues Verzeichnis und rufen Sie es "GRAV-PROJEKT" an, um eine Eingabeaufforderung oder ein Terminal oder ein Terminal zu öffnen und zu prüfen, ob PHP mit "PHP -V" installiert ist, wenn eine Versionsnummer zurückgegeben wird.

Wenn nicht, stellen Sie sicher, dass PHP installiert ist.

03. Installieren Sie eine Kopie von GRAV

Die einfachste Möglichkeit, GAV zu installieren, besteht darin, die ZIP-Datei von der Website herunterzuladen und ihn an den früher erstellten Ordner zu extrahieren.

Verwenden Sie die GIT-Installationsmethode, um den GRAV-CLI zu erkunden. Navigieren Sie zu dem Webstamm des lokalen Servers und führen Sie den folgenden Befehl aus.

 Git Clone -b Master https://github.com
getGrav / grav.git Grav-Project

04. Abhängigkeiten installieren.

Get started with Grav CMS: Install dependencies — Verwenden Sie den Komponisten, um die von Ihnen benötigten Abhängigkeiten zu installieren (Bildkredite: Webdesigner)

Skip, wenn Sie mit Reißverschluss installieren. Ändern Sie das Verzeichnis in "GRAV-PROJEKT", verwenden Sie den Komponisten, um die erforderlichen Abhängigkeiten zu installieren.

Verwenden Sie einmal installiert, installieren Sie das POV-CLI, um das Thema und die Plugins zu installieren. Bei Windows müssen GRAV-Befehle mit "PHP" vorangestellt werden.

 CD-GRAV-PROJEKT
Komponistinstallation --no-dev -o
bin / grav installieren

05. Testen Sie die Installation

Get started with Grav CMS: Test the installation — Versuchen Sie, keine 404 zu bekommen (Bildkredite: Webdesigner)

GRAV kann auf localhost / grav-project aufgerufen werden. Öffnen dieser Seite in einem Browser Zeigt den GROV-Willkommensbildschirm an.

Klicken Sie auf die Typografie-Seite, um auf Fehler zu testen. Wenn Sie auf einen 404-Fehler auftreten, lesen Sie die Fehlerbehebung von GAV in der Dokumentation der GAV.

06. Fügen Sie eine neue Seite hinzu

Get started with Grav CMS: Add a new page — Die GRAV-Seiten werden als Textdateien gespeichert (Bildkredite: Webdesigner)

Eine Seite in GRAV ist eine Textdatei im Verzeichnis "Benutzer / Seiten". Um eine neue Seite zu erstellen, navigieren Sie zum Verzeichnis "GRAV-PROJEKT / User / PAGE" und erstellen Sie einen neuen Ordner mit dem Namen 03.about und erstellen Sie dann eine neue Datei, die default.md aufgerufen wird.

GRAV verwendet "Markdown Syntax", um Seiten zu rendern.

07. Installieren Sie das Admin-Panel

Um den Prozess der Erstellung und Verwaltung von Inhalten zu beschleunigen und das vollständige, benutzerfreundliche Potenzial des GRAV-CMS freizuschalten, kann das Verwaltungsfeldmodul installiert werden. Führen Sie aus der Befehlszeile den folgenden Befehl aus:

 PHP-Bin / GPM-Installationsadminalinstallation

08. Erstellen Sie einen Admin-Benutzer

Get started with Grav CMS: Create an admin user — Wenn das installierte Admin-Modul installiert ist, können Sie einen Administrator-Benutzer erstellen (Bildkredite: Webdesigner)

Erfrischung von einer beliebigen Seite auf der GRAV-Website, sobald das Admin-Modul installiert ist, öffnet eine Aufforderung, einen neuen Administrator-Benutzer zu erstellen. Füllen Sie Ihre Details aus und nennen Sie das Kennwort, um zum Dashboard fortzufahren.

09. Bearbeiten mit Admin-Schnittstelle

Wenn das Admin-Panel eingerichtet ist, klicken Sie auf Seiten in der linken Balken, und klicken Sie auf die zuvor getroffene Seite.

Nach dieser Belastung können Sie einen Inhalts-Eingabeband sehen, der eine einfache Bearbeitung des Inhalts der Seiten ermöglicht.

10. Fügen Sie Kinderseiten hinzu

Löschen Sie die Typografie-Seite im Admin-Panel und fügen Sie anschließend eine neue Seite hinzu, um sie zu ersetzen.

Geben Sie Dienste für den Titel- und Ordnernamen ein und klicken Sie auf Weiter, um den Rest der Optionen als Standardwert zu behalten. Geben Sie einige Inhalte für diese Seite ein und klicken Sie auf Speichern.

Erstellen Sie nun eine andere Seite mit der Schaltfläche "Hinzufügen" und geben Sie einen Dienstnamen ein. Stellen Sie sicher, dass "sichtbar" auf JA eingestellt ist, dann weiter.

11. Set Homepage an modular

Get started with Grav CMS: Set homepage to modular — Ändern Sie für komplexere Seiten die Vorlage in modulare (Bildkredite: Webdesigner)

Wenn Sie in der Lage sind, Text und Header leicht auf eine Seite hinzufügen zu können, ist schnell und einfach für grundlegende Websites, ist es verständlich, dass eine Website komplexere Anforderungen hat. Bearbeiten Sie die Homepage und ändern Sie auf der Registerkarte Erweitert die Seitenvorlage in modular. Stellen Sie sicher, dass Sie die Seite speichern.

12. Fügen Sie ein Modul hinzu

Get started with Grav CMS: Adding a module — Lassen Sie uns ein Heldenmodul hinzufügen (Bildkredite: Webdesigner)

Module sind Inhaltsblöcke, die vom Thema eingestellt werden, die beim Erstellen einer Seite mit unterschiedlich gestalteten Abschnitten verwendet werden können.

Wenn die Homepage jetzt konvertiert wurde, löschen Sie den vorgefertigten Inhalt der Homepage und speichern Sie die Änderungen. Klicken Sie dann oben auf der Seite auf add & gt; modular hinzufügen und füllen Sie den Titel "Helden" ein und setzen Sie die Seite auf "Home". Wählen Sie für die modulare Vorlage die Option "Helden".

13. Bevölkerung des Heldenmoduls

Get started with Grav CMS: Populate the Hero module — Module rendern in einem Block auf ihrer übergeordneten Seite (Bildkredite: Webdesigner)

Module werden genauso wie Unterseiten im Admin-Panel behandelt, aber anstelle einer Unterseite rendern sie ihren Inhalt in einem Block auf ihrer übergeordneten Seite. Bearbeiten Sie das neu erstellte Heldenmodul und fügen Sie einen Header, ein Text hinzu, und fügen Sie ein Heldenbild in "Page Media" hinzu. Speichern Sie die Seite.

14. Fügen Sie ein Features-Modul hinzu

Wiederholen Sie den obigen Schritt, wählen Sie jedoch Features-Modul aus. Beachten Sie beim Bearbeiten der Seite die Registerkarte "FIGHT", mit der Sie ein Layout festlegen können, und fügen Sie einzelne Spalten mit einem Symbol, Kopfzeilen und Text hinzu. Fügen Sie vier dieser Spalten hinzu und geben Sie ihnen Inhalte.

15. Fügen Sie einen Textblock hinzu

Das letzte Modul auf der Homepage ist ein Standard-Inhaltsblock. Fügen Sie diese Option hinzu und geben Sie den gewünschten Inhalt in diesen Bereich ein, fügen Sie ein Bild an, und speichern Sie die Seite.

Öffnen Sie zuletzt jeden Block bisher, einschließlich der übergeordneten Homepage, und entfernen Sie alle CSS-Klassen, indem Sie auf die Registerkarte "Erweitert" und entleeren Sie das Feld des Body-Klassen. Dies sind CSS-Klassen, die vom Thema festgelegt sind, mit denen Sie jeden Block anpassen können.

16. Optionen konfigurieren.

Um das Site-Logo und ein Array von Optionen für das Thema einzustellen, führen Sie in das Menü "Themen" und klicken Sie dann auf Quark, das aktuell aktive Thema.

Passen Sie diese Einstellungen an und klicken Sie dann auf "Konfiguration", um auf Optionen wie "Site Title" zuzugreifen.

Dieser Artikel wurde ursprünglich in Ausgabe 291 des kreativen Webdesign-Magazins veröffentlicht Webdesigner . Kaufen Sie das Thema 291 hier .

Zum Thema passende Artikel:

Verwenden Sie WordPress als kopfloses CMS
So animieren Sie mit der MO.JS-Bibliothek
10 Gründe, warum Sie Atom Design verwenden sollten

Beginnen Sie mit GAV CMS

01. Konfigurieren der lokalen Umgebung

02. Erstellen Sie ein Arbeitsverzeichnis

03. Installieren Sie eine Kopie von GRAV

04. Abhängigkeiten installieren.

05. Testen Sie die Installation

06. Fügen Sie eine neue Seite hinzu

07. Installieren Sie das Admin-Panel

08. Erstellen Sie einen Admin-Benutzer

09. Bearbeiten mit Admin-Schnittstelle

10. Fügen Sie Kinderseiten hinzu

11. Set Homepage an modular

12. Fügen Sie ein Modul hinzu

13. Bevölkerung des Heldenmoduls

14. Fügen Sie ein Features-Modul hinzu

15. Fügen Sie einen Textblock hinzu

16. Optionen konfigurieren.

wie man - Die beliebtesten Artikel

So fügen Sie Schriftarten in Photoshop hinzu

17 Tipps zum Zeichnen von Manga-Gesichtern

Affinity Designer: So verwenden Sie Effekte und Stile

Wie kann man mit SHAPR3D unterwegs sein?

Wie man Tieraugen veranschaulicht

So verwalten Sie CSS-Klassen mit JavaScript

5 Tipps zur Verbesserung Ihrer VR-Kreationen

Wie man das Licht mit Ölen erfasst

Kategorien