← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 10. November 2025, 11:48 Uhr

CMS-Mediathek

Übersicht der Mediathek im CMS

Der Bereich Mediathek dient als zentraler Speicherort für Bilder, Videos, Audiodateien und PDFs, die innerhalb des CMS und der App verwendet werden.

Hier verwalten kommunale Administrator:innen die Medieninhalte, die in Modulen, Veranstaltungen oder Seiten angezeigt werden sollen.

Zweck

Die Mediathek bündelt alle Mediendateien der App. Sie wird genutzt, um:

Bilder für Veranstaltungen, Vereine und Module bereitzustellen
Dokumente und Infoblätter (z. B. PDFs) zu hinterlegen
interne Dateien für das Redaktionsteam zu speichern

> Wichtig: > Dateien in der Mediathek sind nicht direkt für App-Nutzer:innen zugänglich. > Sie dienen ausschließlich der internen Verwendung innerhalb der App oder des CMS.

Aufbau und Funktionen

Oben befindet sich eine Such- und Filterleiste, über die Sie Dateien schnell finden können:

Such- und Filterfunktionen der Mediathek

Suchfeld: Sucht nach Dateinamen oder Schlagwörtern.
Kategorieauswahl: Filtert Medien nach ihrer zugeordneten Kategorie.
Spalten:
- Name: Dateiname oder Beschreibung
- Typ: Bild, Video, Audio, PDF
- Datum: Upload-Datum
- Größe: Dateigröße in MB

Neue Dateien hochladen

Um neue Medien hochzuladen, klicken Sie oben rechts auf das „+“-Symbol.

Uploadbereich der CMS-Mediathek

Es öffnet sich der Upload-Bereich:

> „Ziehen Sie Bilder, Videos, Audios oder PDFs in die Ablagezone > oder wählen Sie Dateien über den Button ›Datei auswählen‹ aus.“

Nach dem Hochladen erscheinen die Dateien automatisch in der Übersicht.

Unterstützte Dateiformate

Bilder: JPG, PNG, WEBP
Videos: MP4
Audio: MP3
Dokumente: PDF

Empfohlene Dateigrößen

Bilder: max. 2 MB (optimiert für Web und App)
Videos: max. 50 MB
Audio: max. 10 MB
PDF: max. 5 MB

> Tipp: > Bilder sollten möglichst im Querformat (16:9 oder 4:3) vorliegen, > damit sie korrekt in allen Modulen angezeigt werden.

Benennung von Mediendateien

Um die Medienübersicht sauber und nachvollziehbar zu halten, wird ein einheitliches Benennungsschema verwendet. Dadurch bleiben Dateien logisch sortiert und können später leichter gefunden werden.

Aufbau des Dateinamens

Ort_der_Anwendung_Kurzbeschreibung_Bildnummer(optional)_Datum.Dateiendung

Beispiele:

Logo_SVHerchen_003_2025_10_13.png
Button_Gesundheit_2025_08_05.jpg
News_FranzösischerAbend_2025_06_20.mp4

Erklärung der Bestandteile

Teil	Bedeutung	Beispiel
1. Ort der Anwendung	Gibt an, wo die Datei genutzt wird	Start, Button, News, Logo, SchwarzesBrett
2. Unterstrich („_“)	Trennt die Teile voneinander	_
3. Kurzbeschreibung	Eindeutiger Name oder Thema der Datei	Gesundheit, SVHerchen, FranzösischerAbend
4. Unterstrich	–	_
5. Bildnummer (optional)	Falls mehrere ähnliche Dateien existieren	001, 002, 003
6. Unterstrich	–	_
7. Datum	Im Format Jahr_Monat_Tag	2025_10_13
8. Punkt + Dateiendung	Standard-Format (z. B. JPG, PNG, MP4)	.png

Beispielhafte Anwendung: Logo_SVHerchen_003_2025_10_13.png – Logo des SV Herchen, dritte Version, erstellt am 13. 10. 2025.

Tipp: Vermeiden Sie Sonderzeichen, Leerzeichen und Umlaute (ä, ö, ü) in Dateinamen. Das verhindert Fehler beim Upload und erleichtert die Zuordnung.

Kategorien anlegen

Neue Medien sollten immer in passende Kategorien einsortiert werden. Das erleichtert das Wiederfinden und die Zuordnung in Modulen.

Empfohlene Kategoriestruktur:

App-Design: interne Bilder der Stiftung (Logos, Symbole, UI-Elemente)
Kommunale Medien: Bilder und PDFs von Gemeinden oder Partnern
Gruppen / Vereine: Medien, die von lokalen Gruppen bereitgestellt werden
Redaktion: interne Materialien für Artikel und Beiträge

Beispielhafte Kategoriestruktur der Mediathek

Verbindung zu Alben

Die Mediathek ist eng mit dem Bereich CMS-Alben verknüpft. Über Alben können Medien aus der Mediathek nach Gruppen, Vereinen oder Themenbereichen sortiert und mit Rechten versehen werden.

👉 Weitere Informationen: Wie erstelle ich einen Bildbereich (Album) für eine neue Gruppe?

Berechtigungen

Kommunale Administrator:innen: können Dateien hochladen, bearbeiten und löschen
Vereine / Gruppen: haben keinen direkten Zugriff
Stiftungsadministration: verwaltet Systembilder und Vorlagen

Zusammenfassung

Die CMS-Mediathek ist der zentrale Ort für alle Medieninhalte. Sie dient der Bereitstellung und Organisation von Bildern, Dokumenten und Dateien innerhalb der App.

Upload über das Plus-Symbol
Einheitliche Benennung nach Schema
Nutzung in Modulen oder über Alben
Rechteverwaltung über CMS-Alben

Tipp: Bevor Sie neue Medien hochladen, prüfen Sie, ob die Datei bereits vorhanden ist. Doppelte oder uneinheitlich benannte Dateien erschweren die Pflege und Übersicht.

@@ Zeile 3: / Zeile 3: @@
 [[File:CMS_Mediathek_Uebersicht.jpeg|right|300px|Rahmen|Übersicht der Mediathek im CMS]]
-Der Bereich '''Mediathek''' dient als zentraler Speicherort für **Bilder, Videos, Audiodateien und PDFs**,
+Der Bereich '''Mediathek''' dient als zentraler Speicherort für '''Bilder, Videos, Audiodateien und PDFs''',
 die innerhalb des CMS und der App verwendet werden.
-Hier verwalten kommunale Administrator:innen die **Medieninhalte**, die in Modulen, Veranstaltungen oder Seiten angezeigt werden sollen.
+Hier verwalten kommunale Administrator:innen die '''Medieninhalte''', die in Modulen, Veranstaltungen oder Seiten angezeigt werden sollen.
 == Zweck ==
 Die Mediathek bündelt alle Mediendateien der App.
 Sie wird genutzt, um:
-* Bilder für Veranstaltungen, Vereine und Module bereitzustellen,
+* Bilder für Veranstaltungen, Vereine und Module bereitzustellen
-* Dokumente und Infoblätter (z. B. PDFs) zu hinterlegen,
+* Dokumente und Infoblätter (z. B. PDFs) zu hinterlegen
-* und interne Dateien für das Redaktionsteam zu speichern.
+* interne Dateien für das Redaktionsteam zu speichern
-> ⚠️ **Wichtig:**
+> '''Wichtig:'''
-> Dateien in der Mediathek sind **nicht direkt** für App-Nutzer:innen zugänglich.
+> Dateien in der Mediathek sind '''nicht direkt''' für App-Nutzer:innen zugänglich.
 > Sie dienen ausschließlich der internen Verwendung innerhalb der App oder des CMS.
 == Aufbau und Funktionen ==
-Oben befindet sich eine **Such- und Filterleiste**, über die Sie Dateien schnell finden können:
+Oben befindet sich eine '''Such- und Filterleiste''', über die Sie Dateien schnell finden können:
 [[File:CMS_Mediathek_Filter.jpeg|center|300px|Rahmen|Such- und Filterfunktionen der Mediathek]]
-* **Suchfeld:** Sucht nach Dateinamen oder Schlagwörtern.
+* '''Suchfeld:''' Sucht nach Dateinamen oder Schlagwörtern.
-* **Kategorieauswahl:** Filtert Medien nach ihrer zugeordneten Kategorie.
+* '''Kategorieauswahl:''' Filtert Medien nach ihrer zugeordneten Kategorie.
-* **Spalten:**
+* '''Spalten:'''
-  - **Name:** Dateiname oder Beschreibung
+** '''Name:''' Dateiname oder Beschreibung
-  - **Typ:** Bild, Video, Audio, PDF
+** '''Typ:''' Bild, Video, Audio, PDF
-  - **Datum:** Upload-Datum
+** '''Datum:''' Upload-Datum
-  - **Größe:** Dateigröße in MB
+** '''Größe:''' Dateigröße in MB
 == Neue Dateien hochladen ==
-Um neue Medien hochzuladen, klicken Sie oben rechts auf das **„+“-Symbol**.
+Um neue Medien hochzuladen, klicken Sie oben rechts auf das '''„+“-Symbol'''.
 [[File:CMS_Mediathek_Upload.jpeg|center|300px|Rahmen|Uploadbereich der CMS-Mediathek]]
@@ Zeile 45: / Zeile 45: @@
 === Unterstützte Dateiformate ===
-* **Bilder:** JPG, PNG, WEBP
+* '''Bilder:''' JPG, PNG, WEBP
-* **Videos:** MP4
+* '''Videos:''' MP4
-* **Audio:** MP3
+* '''Audio:''' MP3
-* **Dokumente:** PDF
+* '''Dokumente:''' PDF
 === Empfohlene Dateigrößen ===
@@ Zeile 56: / Zeile 56: @@
 * PDF: max. 5 MB
-> 💡 **Tipp:**
+> '''Tipp:'''
-> Bilder sollten möglichst in **Querformat (16:9 oder 4:3)** vorliegen,
+> Bilder sollten möglichst im '''Querformat (16:9 oder 4:3)''' vorliegen,
 > damit sie korrekt in allen Modulen angezeigt werden.
 == Benennung von Mediendateien ==
-Um die Medienübersicht sauber und nachvollziehbar zu halten, wird ein **einheitliches Benennungsschema** verwendet.
+Um die Medienübersicht sauber und nachvollziehbar zu halten, wird ein '''einheitliches Benennungsschema''' verwendet.
 Dadurch bleiben Dateien logisch sortiert und können später leichter gefunden werden.
 === Aufbau des Dateinamens ===
+<pre>
 Ort_der_Anwendung_Kurzbeschreibung_Bildnummer(optional)_Datum.Dateiendung
+</pre>
+'''Beispiele:'''
+* Logo_SVHerchen_003_2025_10_13.png
+* Button_Gesundheit_2025_08_05.jpg
+* News_FranzösischerAbend_2025_06_20.mp4
-Beispiel:
-* Logo_SVHerchen_003_2025_10_13.png
-* Button_Gesundheit_2025_08_05.jpg
-* News_FranzösischerAbend_2025_06_20.mp4
 === Erklärung der Bestandteile ===
-| Teil | Bedeutung | Beispiel |
+{| class="wikitable" style="width:90%; text-align:left;"
-|------|------------|----------|
+! Teil !! Bedeutung !! Beispiel
-| **1. Ort der Anwendung** | Gibt an, wo die Datei genutzt wird | `Start`, `Button`, `News`, `Logo`, `SchwarzesBrett` |
+|-
-| **2. Unterstrich („_“)** | Trennt die Teile voneinander | `_` |
+| 1. '''Ort der Anwendung''' || Gibt an, wo die Datei genutzt wird || Start, Button, News, Logo, SchwarzesBrett
-| **3. Kurzbeschreibung** | Eindeutiger Name oder Thema der Datei | `Gesundheit`, `SVHerchen`, `FranzösischerAbend` |
+|-
-| **4. Unterstrich** | – | `_` |
+| 2. '''Unterstrich („_“)''' || Trennt die Teile voneinander || _
-| **5. Bildnummer (optional)** | Falls mehrere ähnliche Dateien existieren | `001`, `002`, `003` |
+|-
-| **6. Unterstrich** | – | `_` |
+| 3. '''Kurzbeschreibung''' || Eindeutiger Name oder Thema der Datei || Gesundheit, SVHerchen, FranzösischerAbend
-| **7. Datum** | Im Format **Jahr_Monat_Tag** | `2025_10_13` |
+|-
-| **8. Punkt + Dateiendung** | Standard-Format wie JPG, PNG, MP4 usw. | `.png` |
+| 4. '''Unterstrich''' || – || _
+|-
+| 5. '''Bildnummer (optional)''' || Falls mehrere ähnliche Dateien existieren || 001, 002, 003
+|-
+| 6. '''Unterstrich''' || – || _
+|-
+| 7. '''Datum''' || Im Format '''Jahr_Monat_Tag''' || 2025_10_13
+|-
+| 8. '''Punkt + Dateiendung''' || Standard-Format (z. B. JPG, PNG, MP4) || .png
+|}
-> Beispielhafte Anwendung:
+'''Beispielhafte Anwendung:'''
-> `Logo_SVHerchen_003_2025_10_13.png`
+<code>Logo_SVHerchen_003_2025_10_13.png</code> – Logo des SV Herchen, dritte Version, erstellt am 13. 10. 2025.
-> → Logo des SV Herchen, dritte Version, erstellt am 13.10.2025.
-💡 **Tipp:**
+'''Tipp:'''
 Vermeiden Sie Sonderzeichen, Leerzeichen und Umlaute (ä, ö, ü) in Dateinamen.
 Das verhindert Fehler beim Upload und erleichtert die Zuordnung.
@@ Zeile 96: / Zeile 107: @@
 Empfohlene Kategoriestruktur:
-* **App-Design:** interne Bilder der Stiftung (Logos, Symbole, UI-Elemente)
+* '''App-Design:''' interne Bilder der Stiftung (Logos, Symbole, UI-Elemente)
-* **Kommunale Medien:** Bilder und PDFs von Gemeinden oder Partnern
+* '''Kommunale Medien:''' Bilder und PDFs von Gemeinden oder Partnern
-* **Gruppen / Vereine:** Medien, die von lokalen Gruppen bereitgestellt werden
+* '''Gruppen / Vereine:''' Medien, die von lokalen Gruppen bereitgestellt werden
-* **Redaktion:** interne Materialien für Artikel und Beiträge
+* '''Redaktion:''' interne Materialien für Artikel und Beiträge
 [[File:CMS_Mediathek_Kategorien.jpeg|center|300px|Rahmen|Beispielhafte Kategoriestruktur der Mediathek]]
 == Verbindung zu Alben ==
-Die Mediathek ist eng mit dem Bereich **[[CMS-Alben]]** verknüpft.
+Die Mediathek ist eng mit dem Bereich '''[[CMS-Alben]]''' verknüpft.
-Über Alben können Medien aus der Mediathek **nach Gruppen, Vereinen oder Themenbereichen** sortiert und **mit Rechten versehen** werden.
+Über Alben können Medien aus der Mediathek '''nach Gruppen, Vereinen oder Themenbereichen''' sortiert
+und '''mit Rechten versehen''' werden.
-👉 Weitere Informationen:
+👉 Weitere Informationen: '''[[Wie erstelle ich einen Bildbereich (Album) für eine neue Gruppe?]]'''
-**[[Wie erstelle ich einen Bildbereich (Album) für eine neue Gruppe?]]**
 == Berechtigungen ==
-* **Kommunale Administrator:innen:** können Dateien hochladen, bearbeiten und löschen.
+* '''Kommunale Administrator:innen:''' können Dateien hochladen, bearbeiten und löschen
-* **Vereine / Gruppen:** haben keinen direkten Zugriff.
+* '''Vereine / Gruppen:''' haben keinen direkten Zugriff
-* **Stiftungsadministration:** verwaltet Systembilder und Vorlagen.
+* '''Stiftungsadministration:''' verwaltet Systembilder und Vorlagen
 == Zusammenfassung ==
@@ Zeile 120: / Zeile 131: @@
 * Upload über das Plus-Symbol
-* Einheitliche Benennung nach dem Schema
+* Einheitliche Benennung nach Schema
 * Nutzung in Modulen oder über Alben
 * Rechteverwaltung über [[CMS-Alben]]

CMS-Mediathek: Unterschied zwischen den Versionen