CMS-Mediathek: Unterschied zwischen den Versionen

Aus Wiki | Edgar und Nina Kummerfeldt Stiftung
Wechseln zu:Navigation, Suche
VisuellWikitext
Die Seite wurde neu angelegt: „= CMS-Mediathek = right|300px|Rahmen|Ü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 Medien…“
 
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
= CMS-Mediathek =
= 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|800px|Rahmen|Übersicht der Mediathek im CMS]]
</div>


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.   
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 ==
== Zweck ==
Die Mediathek bündelt alle Mediendateien der App.   
Die Mediathek bündelt alle Mediendateien der App.   
Sie wird genutzt, um:
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:**  
<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 ==
== 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]]
<div style="text-align:center; padding:20px;">
[[File:CMS_Mediathek_Filter.png|center|800px|Rahmen|Such- und Filterfunktionen der Mediathek]]
</div>


* **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 ==
== 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|800px|Rahmen|Uploadbereich der CMS-Mediathek]]
</div>


Es öffnet sich der Upload-Bereich:
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.
Nach dem Hochladen erscheinen die Dateien automatisch in der Übersicht.


=== Unterstützte Dateiformate ===
=== 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 ===
=== Empfohlene Dateigrößen ===
* Bilder: max. 2 MB (optimiert für Web und App)  
* Bilder: max. 2 MB   
* Videos: max. 50 MB   
* Videos: max. 50 MB   
* Audio: max. 10 MB   
* Audio: max. 10 MB   
* PDF: max. 5 MB   
* PDF: max. 5 MB   


> 💡 **Tipp:**  
<div class="mw-message-box mw-message-box-info">
> Bilder sollten möglichst in **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>


== Kategorien anlegen ==
== Benennung von Mediendateien ==
Neue Medien sollten immer in passende Kategorien einsortiert werden.   
Um die Medienübersicht sauber und nachvollziehbar zu halten, wird ein '''einheitliches Benennungsschema''' verwendet.
Das erleichtert das Wiederfinden und die Zuordnung in Modulen.
 
=== 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 


Empfohlene Kategoriestruktur:
=== Erklärung der Bestandteile ===
* **App-Design:** interne Bilder der Stiftung (Logos, Symbole, UI-Elemente)
{| class="wikitable" style="width:90%; text-align:left;"
* **Kommunale Medien:** Bilder und PDFs von Gemeinden oder Partnern 
! Teil !! Bedeutung !! Beispiel
* **Gruppen / Vereine:** Medien, die von lokalen Gruppen bereitgestellt werden 
|-
* **Redaktion:** interne Materialien für Artikel und Beiträge 
| 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
|}


Kategorien können über das Feld **„Kategorie hinzufügen“** verwaltet werden.
'''Beispielhafte Anwendung:''' 
<code>Logo_SVHerchen_003_2025_10_13.png</code>


[[File:CMS_Mediathek_Kategorien.jpeg|center|300px|Rahmen|Beispielhafte Kategoriestruktur der Mediathek]]
<div class="mw-message-box mw-message-box-info">
'''Tipp:''' 
Vermeiden Sie Sonderzeichen, Leerzeichen und Umlaute (ä, ö, ü) – dies verhindert Upload-​Fehler.
</div>


== Verwendung von Medien in Modulen ==
== Kategorien anlegen ==
Medien aus der Mediathek können in folgenden Bereichen verwendet werden:
Neue Medien sollten immer in passende Kategorien einsortiert werden.
* Vereins- und Angebotsbilder in Button-Modulen 
* Veranstaltungsbilder im Kalender 
* Titelbilder für Nachrichten und Blogbeiträge 
* PDFs als Anhang in Informationsseiten 


Beim Einfügen in ein Modul öffnet sich ein Auswahlfenster der Mediathek.  
Empfohlene Struktur:
Hier kann das gewünschte Medium direkt ausgewählt werden.
* '''App-Design''' 
* '''Kommunale Medien''' 
* '''Gruppen / Vereine'''  
* '''Redaktion'''


== Verbindung zu Alben ==
== 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:
▶ Weitere Anleitung: '''[[Wie erstelle ich einen Bildbereich (Album) für eine neue Gruppe?]]'''
**[[Wie erstelle ich einen Bildbereich (Album) für eine neue Gruppe?]]**


== Berechtigungen ==
== 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 ==
== Zusammenfassung ==
Die CMS-Mediathek ist der zentrale Ort für alle Medieninhalte. 
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
* Nutzung in Modulen oder über Alben
* Einheitliche Namensgebung  
* Einheitliche Kategorien verwenden  
* Nutzung in Modulen oder Alben   
* Rechteverwaltung über [[CMS-Alben]]
* Rechteverwaltung über '''[[CMS-Alben]]'''


----
----


''Tipp:''   
''Tipp:''   
Legen Sie für wiederkehrende Inhalte (z. B. Vereinslogos oder Veranstaltungsbilder) eigene Kategorien an,
Prüfen Sie vor dem Hochladen, ob die Datei schon existiert – das spart Speicherplatz und verhindert Dubletten.
um sie leichter wiederzufinden und in mehreren Modulen zu verwenden.

Aktuelle Version vom 26. November 2025, 22:05 Uhr

CMS-Mediathek

Übersicht der Mediathek im CMS
Ü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
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 Plus-Symbol.

Uploadbereich der CMS-Mediathek
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
  • 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

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.

Abgerufen von „https://wiki.kummerfeldt.foundation/index.php?title=CMS-Mediathek&oldid=204“
Powered by MediaWiki