Doku > Content online verwalten.

Übersicht

Hugo, der beliebte statische Webseitengenerator, verwendet eine spezifische Ordnerstruktur, die hilft, Inhalte und Designelemente Ihrer Website zu organisieren. Hier ist eine Übersicht über die grundlegende Ordnerstruktur:

Grundlegende Ordnerstruktur von Hugo

  1. content/

    • Enthält die Inhaltsdateien Ihrer Website, in der Regel Markdown-Dateien.
    • Jeder Unterordner repräsentiert eine separate Sektion oder Kategorie Ihrer Website, wie z.B. posts/, blog/, about/.

  2. static/

    • Hier werden statische Dateien wie Bilder, JavaScript, CSS und andere Assets abgelegt.
    • Dateien in diesem Ordner werden direkt in das Root-Verzeichnis der gebauten Website kopiert.

  3. layouts/

    • Enthält die HTML-Vorlagen für Ihre Website.
    • Hier definieren Sie, wie Ihre Inhalte dargestellt werden, einschließlich der Hauptvorlage, partiellen Vorlagen, Shortcodes und Sondervorlagen für spezifische Sektionen.

  4. archetypes/

    • Definiert Vorlagen für neue Inhaltsdateien.
    • Wenn Sie eine neue Inhaltsdatei erstellen, werden die Standardeinstellungen von hier übernommen.

  5. themes/

    • Hier können Sie Themes speichern, die das Design Ihrer Website definieren.
    • Jedes Theme hat seine eigene Version der oben genannten Ordner (layouts, static, etc.).

  6. data/

    • Für die Speicherung von Konfigurationsdateien im YAML-, JSON- oder TOML-Format.
    • Nützlich für Daten, die in Vorlagen verwendet werden, wie z.B. Konfigurationseinstellungen oder Inhaltselemente.

  7. resources/

    • Hugo speichert hier die bei der Verarbeitung generierten Dateien, wie z.B. die bei der Bildverarbeitung entstandenen Dateien.
    • Dieser Ordner wird oft im .gitignore für Git-Projekte ignoriert.

  8. config.toml/config.yaml/config.json

    • Hauptkonfigurationsdatei(en) für Ihre Website.
    • Definiert globale Einstellungen wie Titel, Sprache, URLs und andere Parameter.

  9. public/

    • Dieser Ordner wird von Hugo beim Bau der Website generiert.
    • Enthält die fertigen HTML-Dateien und andere Assets, die auf den Webserver hochgeladen werden.

  10. assets/

    • Enthält Dateien, die von Hugo’s Pipeline für Assets verarbeitet werden (z.B. Sass-Dateien, JavaScript).
    • Ermöglicht die Nutzung von Preprocessing-Features wie Minifizierung oder Kompilierung.

Zusätzliche Hinweise

  • Die Struktur kann je nach Bedarf und Komplexität Ihrer Website variieren.
  • Manche Verzeichnisse, wie z.B. data/, resources/ oder assets/, sind optional und werden nur benötigt, wenn Sie entsprechende Funktionalitäten verwenden.
  • Es ist wichtig, die Dokumentation von Hugo zu konsultieren, um zu verstehen, wie diese Verzeichnisse verwendet werden und wie man sie am besten für die eigene Website einsetzt.

Arbeitsmodi

Mit elFinder ist ein webbasierter Dateimanager in unser WebCMS integriert und bietet drei Arbeitsmodi, die auf unterschiedliche Benutzerkompetenzen zugeschnitten sind:

  • den einfachen Modus
  • den normalen Modus
  • den Admin-Modus

Diese Modi sind darauf ausgelegt, die Benutzererfahrung je nach Kenntnisstand zu optimieren

1. Einfacher Modus (Einsteiger)

Zielgruppe:
Dieser Modus ist für Einsteiger gedacht, die grundlegende Kenntnisse im Umgang mit Dateimanagern haben.

Funktionen und Ansicht:
Benutzer haben Zugriff auf eine vereinfachte Ordnerstrucktur. Es werden nur relevante Ordner für den Zugriff auf den dynamischen Inhalt der Webseite, Bilder, CSS und Javascript angezeigt.

Vorteile:
Dieser Modus verhindert Fehlbedienungen durch unerfahrene Benutzer und erleichtert die Navigation und das Verständnis der Grundfunktionen des CMS.

2. Normaler Modus (Normale Benutzer)

Zielgruppe:
Für Benutzer mit erweiterte Kenntnissen und ist für die regelmäßige Nutzung des Dateimanagers konzipiert.

Funktionen und Ansicht:
Dieser Modus bietet erweiterte Ordnerstrucktur. Benutzer können im Ordner für den statischen Inhalt auch Ordner erstellen und verwalten.

Vorteile:
Bietet eine Balance zwischen Funktionalität und Benutzerfreundlichkeit, ideal für die tägliche Arbeit mit Dateien und Ordnern.

3. Admin-Modus (Fortgeschrittene Benutzer)

Zielgruppe:
Entwickelt für fortgeschrittene Benutzer und Administratoren mit umfassenden Kenntnissen über das Dateisystem und das WebCMS.

Funktionen und Ansicht:
Bietet vollen Zugriff auf die Ordnerstruckur des WebCMS.

Vorteile:
Maximale Kontrolle und Flexibilität für erfahrene Benutzer, die komplexe Aufgaben und Verwaltungsaufgaben durchführen müssen.

Umgang mit Dateien und Ordner

Hier ist eine grundlegende Anleitung, wie Sie mit elFinder Dateien und Ordner neu anlegen, umbenennen, löschen und hochladen können:

Laden Sie HugoCMS: Öffnen Sie Ihren Webbrowser und melden Sie sich bei HugoCMS auf Ihrem Server bzw. Webhosting an.
Dies erfolgt meistens wenn Sie Ihre Domain mit angehängten ‘/edit/’ aufrufen.

Die folgende Beschreibung bezieht sich auf die Button-/Schalterleiste und auf das Kontextmenü mit den Optionen, das mit einem Rechtsklick geöffnet wird.

1. Neue Datei oder Ordner anlegen

Navigieren Sie zum gewünschten Verzeichnis: Wählen Sie das Verzeichnis aus, in dem Sie die Datei/Ordner erstellen möchten. Erstellen Sie eine neue Datei: Suchen Sie nach einer Option oder einem Button, der normalerweise als „Neue Datei“ oder „Neuer Ordner“ bezeichnet wird. Klicken Sie darauf. Geben Sie einen Namen ein: Ein Dialogfeld erscheint, in dem Sie den Namen der neuen Datei eingeben können. Geben Sie den gewünschten Namen ein und bestätigen Sie. Bearbeiten Sie die Datei: Die Datei wird erstellt und kann jetzt bearbeitet werden, falls der Editor von elFinder unterstützt wird.

Tip: Die neue Datei durch das duplizieren (Option “Duplizieren”) erstellen, um die Metadaten für den Hugo Generator aus der Quelldatei zu übernehmen

2. Datei order Ordner umbenennen

Wählen Sie die Datei aus: Klicken Sie auf die Datei oder den Ordner, den Sie umbenennen möchten. Option zum Umbenennen wählen: Suchen Sie nach einer Option oder einem Button, der als „Umbenennen“ bezeichnet wird. Geben Sie den neuen Namen ein: Ein Dialogfeld erscheint, in dem Sie den neuen Namen eingeben können. Geben Sie den gewünschten Namen ein und bestätigen Sie die Änderung.

3. Datei oder Ordner löschen

Wählen Sie die Datei aus: Klicken Sie auf die Datei / den Ordner, die Sie löschen möchten. Wählen Sie die Lösch-Option: Suchen Sie nach einem Button oder einer Option, der als „Löschen“ bezeichnet wird. Bestätigen Sie das Löschen: Ein Dialogfeld fragt möglicherweise, ob Sie sicher sind, dass Sie die Datei / den Ordner löschen möchten. Bestätigen Sie, um die Datei/Ordner zu löschen.

4. Datei hochladen

Öffnen Sie das Hochladen-Dialogfeld: Suchen Sie nach einem Button oder einer Option für das Hochladen von Dateien, bezeichnet als „Hochladen“ oder mit einem Hochladen-Symbol. Wählen Sie Dateien aus: Ein Dialogfeld erscheint, in dem Sie Dateien von Ihrem Computer auswählen können. Navigieren Sie zu den Dateien, die Sie hochladen möchten, und wählen Sie sie aus. Starten Sie den Upload: Nach der Auswahl der Dateien starten Sie den Upload, durch einen Button „Hochladen“.