Medienbibliothek

Überblick

Die Medienbibliothek ist der Ort, an dem alle Ihre Bilder, Videos, Audio-Dateien und Dokumente gespeichert werden.

Medien hochladen

Methode 1: Über das Medien-Menü

1. Gehen Sie zu Medien → Neu hinzufügen
2. Ziehen Sie Dateien per Drag & Drop in den Bereich
   • ODER -
3. Klicken Sie auf "Dateien auswählen"
4. Wählen Sie Dateien von Ihrem Computer aus
5. Die Dateien werden automatisch hochgeladen

Methode 2: Über den Block-Editor

1. Klicken Sie in einem Beitrag oder einer Seite auf den +-Button
2. Wählen Sie den "Bild"-Block (oder einen anderen Medien-Block)
3. Klicken Sie auf "Medienbibliothek" oder "Hochladen"
4. Wählen Sie eine Datei aus oder laden Sie eine neue hoch

Unterstützte Dateiformate

Dateityp	Formate
Bilder	.jpg, .jpeg, .png, .gif, .webp, .avif
Dokumente	.pdf, .doc, .docx, .ppt, .pptx, .odt
Audio	.mp3, .m4a, .ogg, .wav
Video	.mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp, .3g2

Medienbibliothek verwalten

Ansichten

Raster-Ansicht (Grid View)

• Klicken Sie auf das Gitter-Symbol
• Zeigt Miniaturbilder
• Gut für visuelle Übersicht

Listen-Ansicht (List View)

• Klicken Sie auf das Listen-Symbol
• Zeigt Details in Tabellenform
• Gut für Suche und Sortierung

Medien suchen und filtern

• Suche: Geben Sie einen Dateinamen oder ein Datum ein
• Filter: Filtern Sie nach Datum oder Dateityp

Medien bearbeiten

1. Klicken Sie auf ein Bild in der Medienbibliothek
2. Das Bearbeitungsfenster öffnet sich rechts

Bearbeitungsoptionen:

Allgemeine Informationen:

• Titel
• Beschreibung
• Bildunterschrift (Caption)
• Alt-Text (wichtig für SEO und Barrierefreiheit!)
• Beschreibung

Bild bearbeiten (Edit Image):

• Zuschneiden (Crop)
• Drehen
• Spiegeln (horizontal/vertikal)
• Größe ändern
• Zuschneide-Auswahl zurücksetzen

Beispiel: Alt-Text hinzufügen

Titel: wordpress-dashboard-deutsch
Alt-Text: WordPress Dashboard auf Deutsch angezeigt
Beschreibung: Screenshot des WordPress-Dashboards mit deutscher Sprache
Bildunterschrift: Das WordPress-Dashboard ist die zentrale Schaltstelle.

Medien löschen

1. Wählen Sie ein Bild aus
2. Klicken Sie auf "In Papierkorb verschieben"
3. Bestätigen Sie die Aktion

⚠️ Achtung: Medien, die in Beiträgen oder Seiten verwendet werden, werden dadurch nicht automatisch aus den Inhalten entfernt!

Bilder optimieren

Warum Bilder optimieren?

• ✅ Schnellere Ladezeit
• ✅ Besseres SEO-Ranking
• ✅ Geringerer Bandbreitenverbrauch
• ✅ Bessere Benutzererfahrung

Bildgrößen in WordPress

WordPress erstellt automatisch verschiedene Größen eines Bildes:

Größe	Abmessungen (Standard)	Verwendung
Miniatur (Thumbnail)	150x150px	Galerien, Vorschaubilder
Mittel (Medium)	300x300px	Beiträge, Seiten
Groß (Large)	1024x1024px	Große Darstellung
Vollständige Größe (Full)	Originalgröße	Originalbild

Benutzerdefinierte Bildgrößen hinzufügen

Fügen Sie diesen Code in die functions.php ein:

add_action('after_setup_theme', function() {
    add_image_size('custom-small', 400, 300, true);  // Hard crop
    add_image_size('custom-large', 1200, 800, false); // Soft crop
});

Bilder komprimieren

Bevor Sie hochladen:

Verwenden Sie Tools wie:

• TinyPNG (https://tinypng.com)
• ImageOptim (Mac)
• RIOT (Windows)

Nach dem Hochladen (mit Plugin):

Installieren Sie eines dieser Plugins:

• Smush (Kostenlos)
• ShortPixel (Kostenlos/Premium)
• Imagify (Kostenlos/Premium)

Galerien erstellen

Galerie-Block verwenden

1. Klicken Sie in einem Beitrag auf +
2. Wählen Sie "Galerie"
3. Laden Sie Bilder hoch oder wählen Sie aus der Medienbibliothek
4. Wählen Sie das Layout:
   • Raster (Grid)
   • Mosaik (Masonry)
   • Kachel (Tiled)

Galerie-Einstellungen

• Spalten: Anzahl der Spalten (1-4+)
• Bildgröße: Miniatur, Mittel, Groß, Vollständig
• Ver link auf: Anhangsseite, Medien-Datei, Kein Link
• Zufällige Reihenfolge: Bilder mischen

SVG-Unterstützung aktivieren

Standardmäßig erlaubt WordPress keine SVG-Uploads (Sicherheitsgründen).

Mit Plugin (Empfohlen)

Installieren Sie "Safe SVG" Plugin:

1. SVG-Uploads erlauben
2. SVG-Sanitization (Sicherheit)
3. Vorschaubilder in Medienbibliothek

Manuell (Code)

Fügen Sie in functions.php hinzu:

function svg_upload_support($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    $mimes['svgz'] = 'image/svg+xml';
    return $mimes;
}
add_filter('upload_mimes', 'svg_upload_support');

⚠️ Sicherheitswarnung: Nur verwenden, wenn Sie wissen, dass die SVG-Dateien sicher sind!

WebP-Bilder verwenden

WebP ist ein modernes Bildformat, das bessere Kompression bietet als JPEG oder PNG.

WebP in WordPress (ab Version 5.8)

WordPress unterstützt WebP standardmäßig.

WebP-Konvertierung (mit Plugin):

• WebP Express
• Imagify
• ShortPixel

Video und Audio

Video hochladen

⚠️ Warnung: Videos können sehr groß sein! Besser: Videos auf YouTube/Vimeo hochladen und einbetten.

Trotzdem hochladen:

1. Gehen Sie zu Medien → Neu hinzufügen
2. Laden Sie die Video-Datei hoch
3. Kopieren Sie den Link zur Datei
4. Binden Sie das Video in einen Beitrag ein

Video einbetten (Embed)

WordPress unterstützt oEmbed für:

• YouTube
• Vimeo
• DailyMotion
• Twitter
• Facebook

Einfach URL einfügen:

https://www.youtube.com/watch?v=xxxxxxxxxxx

WordPress bettet das Video automatisch ein!

Media Settings (Einstellungen)

Gehen Sie zu Einstellungen → Medien

Bildgrößen anpassen

Vorschaubilder (Thumbnail): 150 x 150 Pixel
Mittelgroße Bilder: 300 x 300 Pixel
Große Bilder: 1024 x 1024 Pixel

Upload-Organisation

• ☑️ Uploads in Monat/Jahr-basierte Ordner organisieren
  • wp-content/uploads/2024/05/image.jpg
• ☐ Alle Uploads in denselben Ordner (wp-content/uploads/)

Nächste Schritte

Jetzt können Sie Medien verwalten. Lernen wir, wie man Benutzer verwaltet.

➡️ Zu Benutzern →