← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 25. November 2025, 11:53 Uhr

CMS-Mediathek

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:

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 Plus-Symbol.

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
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.

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	Thema oder eindeutiger Name	Gesundheit, SVHerchen, FranzösischerAbend
4. Unterstrich	–	_
5. Bildnummer (optional)	Für mehrere Versionen	001, 002, 003
6. Unterstrich	–	_
7. Datum	Format: Jahr_Monat_Tag	2025_10_13
8. Dateiendung	Dateiart, z. B. PNG, JPG	.png

Beispielhafte Anwendung: Logo_SVHerchen_003_2025_10_13.png

Tipp: Vermeiden Sie Sonderzeichen, Leerzeichen und Umlaute (ä, ö, ü) – dies verhindert Upload-Fehler.

Kategorien anlegen

Neue Medien sollten immer in passende Kategorien einsortiert werden.

Empfohlene Struktur:

App-Design
Kommunale Medien
Gruppen / Vereine
Redaktion

Beispielhafte Kategoriestruktur der Mediathek

Verbindung zu Alben

Die Mediathek ist eng mit CMS-Alben verknüpft.

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

Berechtigungen

Kommunale Administrator:innen – dürfen alles bearbeiten
Vereine / Gruppen – kein Zugriff
Stiftungsadministration – verwaltet Systemmedien

Zusammenfassung

Die CMS-Mediathek ist der zentrale Ort für alle Medieninhalte.

Upload über das Plus
Einheitliche Namensgebung
Nutzung in Modulen oder Alben
Rechteverwaltung über CMS-Alben

Tipp: Prüfen Sie vor dem Hochladen, ob die Datei schon existiert – das spart Speicherplatz und verhindert Dubletten.

@@ Zeile 1: / Zeile 1: @@
 = CMS-Mediathek =
-[[File:CMS_Mediathek_Uebersicht.jpeg|right|300px|Rahmen|Übersicht der Mediathek im CMS]]
+<div style="text-align:center; padding:20px;">
+[[File:CMS_Mediathek_Uebersicht.png|center|300px|Rahmen|Übersicht der Mediathek im CMS]]
+</div>
 Der Bereich '''Mediathek''' dient als zentraler Speicherort für '''Bilder, Videos, Audiodateien und PDFs''',
@@ Zeile 15: / Zeile 17: @@
 * interne Dateien für das Redaktionsteam zu speichern
-> '''Wichtig:'''
+<div class="mw-message-box mw-message-box-warning">
-> Dateien in der Mediathek sind '''nicht direkt''' für App-Nutzer:innen zugänglich.
+'''Wichtig:'''
-> Sie dienen ausschließlich der internen Verwendung innerhalb der App oder des CMS.
+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.
+</div>
 == Aufbau und Funktionen ==
 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]]
+<div style="text-align:center; padding:20px;">
+[[File:CMS_Mediathek_Filter.png|center|300px|Rahmen|Such- und Filterfunktionen der Mediathek]]
+</div>
 * '''Suchfeld:''' Sucht nach Dateinamen oder Schlagwörtern.
@@ Zeile 30: / Zeile 36: @@
 ** '''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'''.
+Um neue Medien hochzuladen, klicken Sie oben rechts auf das '''Plus-Symbol'''.
-[[File:CMS_Mediathek_Upload.jpeg|center|300px|Rahmen|Uploadbereich der CMS-Mediathek]]
+<div style="text-align:center; padding:20px;">
+[[File:CMS_Mediathek_Upload.png|center|300px|Rahmen|Uploadbereich der CMS-Mediathek]]
+</div>
 Es öffnet sich der Upload-Bereich:
-> „Ziehen Sie Bilder, Videos, Audios oder PDFs in die Ablagezone
+<pre>
-> oder wählen Sie Dateien über den Button ›Datei auswählen‹ aus.“
+Ziehen Sie Bilder, Videos, Audios oder PDFs in die Ablagezone
+oder wählen Sie Dateien über den Button „Datei auswählen“ aus.
+</pre>
 Nach dem Hochladen erscheinen die Dateien automatisch in der Übersicht.
@@ Zeile 51: / Zeile 61: @@
 === Empfohlene Dateigrößen ===
-* Bilder: max. 2 MB (optimiert für Web und App)
+* Bilder: max. 2 MB
 * Videos: max. 50 MB
 * Audio: max. 10 MB
 * PDF: max. 5 MB
-> '''Tipp:'''
+<div class="mw-message-box mw-message-box-info">
-> Bilder sollten möglichst im '''Querformat (16:9 oder 4:3)''' vorliegen,
+'''Tipp:'''
-> damit sie korrekt in allen Modulen angezeigt werden.
+Bilder sollten möglichst im '''Querformat (16:9 oder 4:3)''' vorliegen,
+damit sie korrekt in allen Modulen angezeigt werden.
+</div>
 == 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 ===
@@ Zeile 80: / Zeile 91: @@
 | 1. '''Ort der Anwendung''' || Gibt an, wo die Datei genutzt wird || Start, Button, News, Logo, SchwarzesBrett
 |-
-| 2. '''Unterstrich („_“)''' || Trennt die Teile voneinander || _
+| 2. '''Unterstrich ("_")''' || Trennt die Teile voneinander || _
 |-
-| 3. '''Kurzbeschreibung''' || Eindeutiger Name oder Thema der Datei || Gesundheit, SVHerchen, FranzösischerAbend
+| 3. '''Kurzbeschreibung''' || Thema oder eindeutiger Name || Gesundheit, SVHerchen, FranzösischerAbend
 |-
 | 4. '''Unterstrich''' || – || _
 |-
-| 5. '''Bildnummer (optional)''' || Falls mehrere ähnliche Dateien existieren || 001, 002, 003
+| 5. '''Bildnummer (optional)''' || Für mehrere Versionen || 001, 002, 003
 |-
 | 6. '''Unterstrich''' || – || _
 |-
-| 7. '''Datum''' || Im Format '''Jahr_Monat_Tag''' || 2025_10_13
+| 7. '''Datum''' || Format: Jahr_Monat_Tag || 2025_10_13
 |-
-| 8. '''Punkt + Dateiendung''' || Standard-Format (z. B. JPG, PNG, MP4) || .png
+| 8. '''Dateiendung''' || Dateiart, z. B. PNG, JPG || .png
 |}
 '''Beispielhafte Anwendung:'''
-<code>Logo_SVHerchen_003_2025_10_13.png</code> – Logo des SV Herchen, dritte Version, erstellt am 13. 10. 2025.
+<code>Logo_SVHerchen_003_2025_10_13.png</code>
+<div class="mw-message-box mw-message-box-info">
 '''Tipp:'''
-Vermeiden Sie Sonderzeichen, Leerzeichen und Umlaute (ä, ö, ü) in Dateinamen.
+Vermeiden Sie Sonderzeichen, Leerzeichen und Umlaute (ä, ö, ü) – dies verhindert Upload-Fehler.
-Das verhindert Fehler beim Upload und erleichtert die Zuordnung.
+</div>
 == Kategorien anlegen ==
 Neue Medien sollten immer in passende Kategorien einsortiert werden.
-Das erleichtert das Wiederfinden und die Zuordnung in Modulen.
-Empfohlene Kategoriestruktur:
+Empfohlene Struktur:
-* '''App-Design:''' interne Bilder der Stiftung (Logos, Symbole, UI-Elemente)
+* '''App-Design'''
-* '''Kommunale Medien:''' Bilder und PDFs von Gemeinden oder Partnern
+* '''Kommunale Medien'''
-* '''Gruppen / Vereine:''' Medien, die von lokalen Gruppen bereitgestellt werden
+* '''Gruppen / Vereine'''
-* '''Redaktion:''' interne Materialien für Artikel und Beiträge
+* '''Redaktion'''
-[[File:CMS_Mediathek_Kategorien.jpeg|center|300px|Rahmen|Beispielhafte Kategoriestruktur der Mediathek]]
+<div style="text-align:center; padding:20px;">
+[[File:CMS_Mediathek_Kategorien.png|center|300px|Rahmen|Beispielhafte Kategoriestruktur der Mediathek]]
+</div>
 == Verbindung zu Alben ==
-Die Mediathek ist eng mit dem Bereich '''[[CMS-Alben]]''' verknüpft.
+Die Mediathek ist eng mit '''[[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?]]'''
+▶ Weitere Anleitung: '''[[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''' – dürfen alles bearbeiten
-* '''Vereine / Gruppen:''' haben keinen direkten Zugriff
+* '''Vereine / Gruppen''' – kein Zugriff
-* '''Stiftungsadministration:''' verwaltet Systembilder und Vorlagen
+* '''Stiftungsadministration''' – verwaltet Systemmedien
 == 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
+* Upload über das Plus
-* Einheitliche Benennung nach Schema
+* Einheitliche Namensgebung
-* Nutzung in Modulen oder über Alben
+* Nutzung in Modulen oder Alben
-* Rechteverwaltung über [[CMS-Alben]]
+* Rechteverwaltung über '''[[CMS-Alben]]'''
 ----
 ''Tipp:''
-Bevor Sie neue Medien hochladen, prüfen Sie, ob die Datei bereits vorhanden ist.
+Prüfen Sie vor dem Hochladen, ob die Datei schon existiert – das spart Speicherplatz und verhindert Dubletten.
-Doppelte oder uneinheitlich benannte Dateien erschweren die Pflege und Übersicht.

CMS-Mediathek: Unterschied zwischen den Versionen