Weitere Inhalte bearbeiten

Neben den Indikatoren gibt es in OpenSDG zahlreiche weitere Inhalte, die angepasst werden können – beispielsweise die Texte auf der Startseite, die Banner, das Logo oder auch zusätzliche Seiten wie „Über uns“ oder „Kontakt“. Diese Inhalte liegen nicht im Daten-Repository, sondern im sogenannten Site-Repository.

Überblick: Was gehört zum Site-Repository?

Im Site-Repository werden alle Inhalte gepflegt, die sich auf das Erscheinungsbild und die statischen Inhalte der Webseite beziehen:

Texte auf der Startseite und anderen statischen Seiten
Konfigurationsdateien wie site_config.yml oder _config.yml
Bilder und Logos
Farben und Layout
Sprachumschaltungen und Übersetzungen (technischer Teil)
Navigationsstruktur
Individuelle Zusatzseiten

Startseitentext anpassen

Die Startseite enthält in der Regel einen Titel und eine kurze Beschreibung oberhalb der Ziel-Icons. Diese Texte lassen sich über die Datei _data/site_config.yml im Site-Repository anpassen.

frontpage_goals_grid:
  title: my-custom-translations.my-goals-grid-title
  description: my-custom-translations.my-goals-grid-description

Dabei handelt es sich um Übersetzungsschlüssel, deren Inhalte im Daten-Repository in den Übersetzungsdateien (translations/en/, translations/de/ usw.) gepflegt werden.

Beispiel für eine deutsche Übersetzungsdatei

Pfad: translations/de/my-custom-translations.yml

my-goals-grid-title: Unsere kommunalen SDG-Daten auf einen Blick
my-goals-grid-description: Diese Plattform zeigt, wie unsere Kommune zur Agenda 2030 beiträgt.

Logo und Favicon ändern

Das Logo (oben links) und das Favicon (oben im Browser-Tab) können durch eigene Dateien ersetzt werden. Lege dazu eigene Bilder in den Ordner assets/img/ und passe die Konfiguration in site_config.yml entsprechend an:

logo_image: assets/img/mein-logo.png
favicon: assets/img/favicon.ico

Auch der Bannertext und das Farbschema lassen sich ändern. Relevante Einstellungen findest du ebenfalls in site_config.yml.

banner:
  heading: my-custom-translations.my-banner-heading
  text: my-custom-translations.my-banner-text

Farben werden in der Datei _sass/_variables.scss definiert – dort kannst du z. B. Primärfarben oder Schriftfarben anpassen.

Zusätzliche Seiten erstellen

Wenn du eigene Seiten anlegen möchtest (z. B. „Kontakt“, „Über uns“, „FAQ“), kannst du einfach Markdown-Dateien im Hauptverzeichnis oder in Unterordnern wie pages/ anlegen und sie in der Navigation (_config.yml) einbinden.

Beispiel: Neue Datei `pages/ueber-uns.md`

# Über uns

Diese Plattform wurde in Zusammenarbeit mit der Kommune und weiteren Partnern aufgebaut...

Einbindung in die Navigation (`_config.yml`)

navigation:
  - Startseite: index.md
  - Über uns: pages/ueber-uns.md

Weitere Hinweise

Achte auf Sprachumschaltungen: Inhalte sollten möglichst übersetzbar sein. Nutze Platzhalter und Übersetzungsdateien.
Statische Inhalte gehören nicht ins Daten-Repo: Pflege Logos, Farben und Seitentexte immer im Site-Repository.
Die Vorschau kannst du lokal testen: Mit mkdocs serve kannst du deine Änderungen vorab ansehen.

Offizielle Tutorials & Hilfe

Ausführlichere Schritt-für-Schritt-Anleitungen findest du in der offiziellen Dokumentation von OpenSDG: