So kannst du alle verwendeten Bilder deiner Website in WordPress auflisten

Nach jahrelanger Erfahrung mit der Verwaltung von WordPress-Websites kann ich aus erster Hand sagen, dass die Organisation von Bildern einen nachhaltigen Unterschied in der täglichen Arbeit machen kann.

Von zentraler Bedeutung für mich ist dabei die Auflistung aller Bilder mit konkreten Hinweisen, ob und wo sie eingesetzt werden. Je nach Anwendungsfall, kann das im Frontend oder Backend der Website geschehen.

Einsatzfälle einer solchen Auflistung sind für mich:

• Review verwendeter Bilder
• Vorbereitung und Durchführung eines Redesigns
• Überprüfung von Bildlizenzen

In diesem Artikel stelle ich dir verschiedene Methoden vor, die ich persönlich einsetze oder eingesetzt habe, um alle Bilder einer WordPress-Seite aufzulisten. Von den Standardfunktionen in WordPress bis hin zu fortgeschrittenen Tools.

Wozu brauche ich eine Liste aller Bilder auf meiner Website?

Review von Inhalten und Optimierung

Ein regelmäßiger Review der Bilder hilft dir zu erkennen, welche Bilder aktiv zum Inhalt deiner Website beitragen und welche nur Speicherplatz beanspruchen. Damit verbessere ich sowohl SEO als auch die Ladegeschwindigkeit, insbesondere, indem ich ungenutzte Bilder entferne, große Dateien komprimiere und sicherstelle, dass alle Bilder korrekte ALT-Texte haben.

Website-Redesign

Wenn ich eine Website neu gestalte, ist eine Liste aller Bilder entscheidend, um sicherzustellen, dass keine visuellen Elemente fehlen. Für meinen Beitrag Einheitlicher Stil von Midjourney-Bildern für ein Website-Redesign war es erforderlich, alle grafischen Elemente der bestehenden Seite zu sichten, um diese dann beim Redesign zu berücksichtigen.

Überprüfung der Bildlizenzen

Viele Nutzer von Image Source Control kontrollieren regelmäßig die Lizenz der auf ihrer Website verwendeten Bilder. Da ist es ungemein hilfreich, dass Image Source Control anzeigen kann, ob ein Bild verwendet wird und auf welchem Beitrag es sich befindet. So sparst du dir viel Zeit und Aufwand bei der Lizenzüberprüfung.

Du kannst dir auch nur die Bilder ohne Autorenangaben auflisten lassen und diese gezielt bearbeiten.

Im Folgenden findest du die verschiedenen Möglichkeiten zur Auflistung aller Bilder.

1. Verwendung der WordPress-Mediathek

1. Greife auf die Mediathek zu: Melde Dich in Deinem WordPress-Dashboard an und navigiere zu Medien > Mediathek. Das ist immer mein erster Schritt, wenn ich mir einen Überblick verschaffen möchte.
2. Verwende Filter- und Sortieroptionen: Verwende die Filter (Alle Medien, Bilder, Audio, Video) und Sortieroptionen (Datum, Medientyp), um die Ansicht zu organisieren. Ich finde es besonders nützlich, hier nach Medientyp zu sortieren, wenn ich mehr als nur Bilder hinterlegt habe.
3. Liste Bilder auf: Scrolle durch die Mediathek, um alle Bilder anzuzeigen. Um leichter zu navigieren, wechsle zwischen Listen- und Rasteransicht. Ich persönlich bevorzuge in diesem Fall die Listenansicht, da sie mehr Informationen bietet.

Vorteile und Nachteile

• Vorteile: Einfach zu bedienen, keine zusätzlichen Plugins oder Tools erforderlich. Ein schneller erster Schritt für jeden, der seine Medien organisieren möchte.
• Nachteile: Unterscheidet nicht zwischen verwendeten und ungenutzten Bildern; begrenzte Sortier- und Filteroptionen. Wenn du gezielt nach ungenutzten Bildern suchst, stößt du schnell an Grenzen. Mehr Informationen zum „Hochgeladen zu“-Status findest du unter Ungenutzte Bilder in WordPress löschen.

2. Alle Bilder mit einem WordPress-Plugin auflisten

Mit meinem Plugin Image Source Control kannst Du alle Bilder auf einer Website für verschiedene Anwendungsfälle finden. Es ist natürlich mein bevorzugtes Tool das ich seit über zehn Jahren weiterentwickle:

• Unerwünschte ungenutzte Bilder identifizieren, um deine Seite aufzuräumen und schneller zu machen.
• Bilder unter verschiedenen Bedingungen in der Globalen Quellenliste im Frontend auflisten:
  • alle Bilder in der Medienbibliothek
  • alle Bilder mit Urheberangaben
  • alle Bilder, die aktiv im Frontend verwendet werden
• Bilder und die Beiträge, die sie verwenden, in einer dedizierten Liste im Backend auflisten. Das ist besonders nützlich, wenn du wissen möchtest, welche Bilder wirklich genutzt werden.

Ungenutzte Bilder finden

Nach der Installation von Image Source Control findest du die Liste aller ungenutzten Bilder unter Medien > Ungenutzte Bilder. Diese Funktion hilft mir, unnötigen Ballast zu entfernen und meine Seite zu optimieren.

Von hier aus kannst du die Tiefenanalyse durchführen, um sicherzustellen, dass das Bild in keiner Option oder Metainformation verwendet wird, bevor du es sicher entfernst. Du kannst auch den Check und die Löschung mehrerer Bilder auf einmal durchführen. Eine wirklich zeitsparende Funktion.

Weitere Details findest Du unter WordPress Mediathek aufräumen.

Verwendung der Globalen Quellenliste

Die Globale Quellenliste in Image Source Control listet alle Bilder auf einer Website im Frontend auf. Das habe ich bei mehreren Projekten als “Bildquellenverzeichnis” umgesetzt.

Ich platziere diese Liste normalerweise auf einer eigenen Seite und verlinke sie direkt im Footer oder auf der Impressumsseite. So ist sie für mich und meine Besucher immer zugänglich.

Gelegentlich verwende ich sie, um zu überprüfen, welche Bilder wo verwendet werden und ob einige Urheberangaben fehlen. Bei größeren Seiten behalte ich so den Überblick.

Du kannst auswählen, welche Bilder hier aufgelistet werden:

• Alle Bilder in der WordPress-Medienbibliothek.
• Bilder, die aktiv im Inhalt von Beiträgen und Seiten verwendet werden.
• Bilder mit Urheberangaben. Das ist besonders nützlich, um sicherzustellen, dass alle notwendigen Urheberrechte angezeigt werden.

Du kannst auch die Spalten anpassen, indem du sie ein- und ausschaltest:

• Vorschau
• Anhang-ID
• Bildtitel
• Beiträge, in denen das Bild erscheint
• Urheberangabe

Auflisten von Bild-Beitrags-Beziehungen

Schließlich bietet die Werkzeuge-Seite von Image Source Control unter Medien > Bildquellen verschiedene Optionen zum Auflisten aller Bilder auf deiner WordPress-Seite. Diese Funktion nutze ich besonders gerne, um sicherzustellen, dass alle Bilder ordnungsgemäß verwendet werden.

Die Schaltfläche Beitrag-Bild Verknüpfungen auflisten öffnet eine Liste der Beiträge mit allen darin enthaltenen Bildern. So habe ich immer einen guten Überblick.

Die Schaltfläche Bild-Beitrag Verknüpfungen auflisten zeigt die Beiträge, zu denen jedes einzelne Bild gehört. Eine hilfreiche Funktion, wenn Du wissen möchtest, welche Bilder in welchen Kontexten verwendet werden.

Ich habe einige Anfragen erhalten, beide Listen auf einer eigenen Seite im Backend zu erweitern. Lass mich wissen, wenn das auch für dich von Interesse ist.

3. Verwendung von FTP/SFTP

Eine weitere Möglichkeit, alle WordPress-Bilder aufzulisten, besteht darin, deinen Server zu überprüfen. Dies geschieht in der Regel über (S)FTP. Ich verwende diese Methode, wenn ich wirklich alle Dateien auflisten will.

Du findest alle Bilder unter wp-content/uploads. Standardmäßig sind sie nach dem Jahr und Monat sortiert, in dem sie hochgeladen wurden, z. B. wp-content/uploads/2024/7. Diese Struktur hilft, aber manchmal ist es einfacher, alles an einem Ort zu haben.

Du kannst diese zeitbasierten Unterordner für zukünftige Uploads unter Einstellungen > Medien > Dateien hochladen deaktivieren. Ist diese Option deaktiviert, würdest du eine vollständige Liste aller Bilder in einem einzigen Ordner finden. Andernfalls müsstest du, wenn du nach einem konkreten Bild suchst, das Upload-Datum kennen. Ich habe es mehr als einmal bereut, diese Option nicht schon beim Start eines Projektes deaktiviert zu haben.

So greifst du auf deinen Server zu:

1. Zugriff auf FTP/SFTP: Verwende einen FTP-Client wie FileZilla, um eine Verbindung zum Server deiner Website herzustellen. Du benötigst deine FTP-Zugangsdaten (Host, Benutzername, Passwort).
2. Gehe zum Upload-Verzeichnis: Sobald die Verbindung hergestellt ist, navigiere zu wp-content/uploads. Hier findest du alles an einem Ort.
3. Bilddateien auflisten: Durchsuche die Ordner, um alle Bilddateien zu sehen. Das gibt dir die volle Kontrolle über alle Dateien.

Wie du jetzt sehen wirst, haben viele Bilder mehrere Dateien. Die meisten von ihnen enthalten die Bildgröße im Dateinamen. Dies kann manchmal verwirrend sein, aber es zeigt, wie WordPress verschiedene Versionen eines Bildes erstellt.

Idealerweise sind dies alle Dateien in deiner Medienbibliothek, obwohl ein beschädigter Upload oder eine defekte Sicherung Bilder hinzufügen könnte, die (nicht mehr) in der Medienbibliothek enthalten sind. Achte darauf, regelmäßig Backups zu machen, um Probleme zu vermeiden.

Vorteile und Nachteile

• Vorteile: Bietet eine vollständige Liste der Bilddateien; keine zusätzlichen Plugins erforderlich. Eine direkte Methode, die volle Kontrolle bietet.
• Nachteile: Erfordert technisches Wissen; gibt nicht an, ob ein Bild noch in der Medienbibliothek registriert ist oder sogar verwendet wird. Es erfordert daher noch einen weiteren Schritt. Wenn Du nicht technisch versiert bist, könnte das eine Hürde darstellen.

4. Benutzerdefiniertes PHP-Skript

Ich schreibe mittlerweile kaum noch eigene PHP-Funktionen für Aufgaben die ein einfaches Plugin erfüllt, weil mir das unheimlich Zeit spart. Aber manchmal ist eine maßgeschneiderte Lösung die beste Option.

Wenn du deine eigene Lösung erstellen möchtest, findest du hier einen Ausgangspunkt, um alle Bilder aus dem uploads-Verzeichnis aufzulisten. Diese Methode bietet einem Programmierer die größte Flexibilität.

function list_all_images() {
    $upload_dir = wp_upload_dir();
    $base_dir = $upload_dir['basedir'];

    function get_images($dir) {
        $images = [];
        $files = scandir($dir);

        foreach ($files as $file) {
            if ($file != '.' && $file != '..') {
                $path = $dir . '/' . $file;
                if (is_dir($path)) {
                    $images = array_merge($images, get_images($path));
                } else {
                    if (preg_match('/\.(jpg|jpeg|png|gif)$/i', $file)) {
                        $images[] = $path;
                    }
                }
            }
        }
        return $images;
    }

    $all_images = get_images($base_dir);

    foreach ($all_images as $image) {
        echo $image . "<br>";
    }
}
add_shortcode('list_all_images', 'list_all_images');
Code-Sprache: PHP (php)

Skript ausführen

1. Skript zu functions.php hinzufügen oder ein benutzerdefiniertes Plugin erstellen.
2. Shortcode verwenden: Füge den Shortcode [list_all_images] einer Seite oder einem Beitrag hinzu, um die Liste der Bilder anzuzeigen. Einfach und effektiv.

Vorteile und Nachteile

• Vorteile: Hochgradig anpassbar; das Skript kann an spezifische Bedürfnisse angepasst werden. Ideal für Entwickler, die genau wissen, was sie wollen.
• Nachteile: Erfordert Programmierkenntnisse; potenzielle Sicherheitsrisiken, wenn nicht ordnungsgemäß behandelt. Wenn du nicht erfahren im Coden bist, solltest du vorsichtig sein.

Fazit

Die Auflistung aller Bilder auf deiner WordPress-Website kann einfach oder komplex sein, je nach der gewählten Methode und deinem technischen Können. Es gibt verschiedene Möglichkeiten, dieses Ziel zu erreichen, von der Mediathek bis hin zu einem geeigneten Plugin wie Image Source Control.

Wähle die Methode, die am besten zu deinen Bedürfnissen und deinem technischen Komfort passt um deine Mediathek zu reviewen. Ich hoffe, dass mein Beitrag dir dabei hilft.

PS: Ich habe hier absichtlich keine externen Tools aufgeführt. Es gibt Site-Scraper, die angeblich alle Bilder einer Webseite auflisten. Ihr Vorteil und Nachteil ist gleichzeitig, dass sie nur aktiv verwendete Bilder finden, aber sie haben nicht die tiefe WordPress-Integration, auf die ich mich in diesem Tutorial fokussiert habe.