"Vinyl Library" WordPress Plattensammlung Plugin mit Discogs Anbindung

Schon seit einiger Zeit suchte ich nach einer Möglichkeit, auf meiner privaten Website meine Plattensammlung darzustellen. Es gibt zwar Plattformen wie Discogs – aber keine wirklich funktionierende und optisch ansprechende WordPress Integration.

Um diese Lücke zu schließen, hatte ich nun mal ein bisschen Zeit in die Entwicklung eines eigenen Plugins gesteckt. Dieses sollte folgende Features erfüllen:

Manuelles Anlegen von Platten (Interpret, Titel, Jahr, Genre, Bewertung)

Import von Daten aus einer bestehenden Discogs-Sammlung (über die offizielle Discogs API) - sowohl direkter Einzelimport als auch Upload des CSV-Exports von Discogs

Nachladen der Coverbilder

Ausgabe als Carousel oder sortierbares Grid (Interpret, Titel, Jahr, Bewertung)

Möglichkeit, für jede Platte eine eigene Unterseite mit z.B. Rezension anzulegen (Custom Post Type)

Anpassungsmöglichkeit der Farben und Kompatiblität mit Gutenberg, WPBakery und Elementor

Einbindung in die Seite via Shortcode

Das fertige WordPress Plugin: idsb Vinyl Library

Das fertige Plugin stellen wir an dieser Stelle allen Musikfans und Schallplatten-Freunden kostenfrei zur Verfügung. Gemäß des WordPress Gedankens ist es Open Source und darf weiterverbreitet und weiterentwickelt werden.

Installation

Installiere das Plugin. Dazu in WordPress auf “Plugins” ➔ “Plugin hinzufügen” ➔ “Plugin hochladen”. Dort die ZIP-Datei auswählen.

Plugin aktivieren

Im WordPress Hauptmenü links erscheint nun ein neuer Punkt “Plattensammlung”. Hierüber kann das Plugin gesteuert werden.

Importieren von Daten

Über den Menüpunkt “Neue Platte hinzufügen” ist es möglich, einzelne Platten manuell anzulegen. Im obersten Feld kann der Titel hinterlegt werden. Unter dem WordPress Textfeld finden sich die individuellen Felder mit den Eigenschaften (Interpret, Erscheinungsjahr, Bewertung, Anspieltipp).

Wie in WordPress üblich können auf der rechten Seite Kategorien und Tags vergeben werden, sowie ein Beitragsbild (Plattencover) hinterlegt werden.

Ansicht des WordPress Backends beim Anlegen einer Platte im Plugin "idsb Vinyl Library"

(zum Vergrößern auf das Bild clicken)

Dank der Anbindung an die Discogs-API können Platten auch aus der dortigen Sammlung importiert werden. Dies kann entweder über den Einzelimport geschehen (Feld 1) oder den Upload der von Discogs erstellten CSV-Datei (Feld 2).

Für den Einzelimport muss zunächst ein gültiger Discogs API Token hinterlegt werden. Diesen erhält man unkompliziert im eigenen Discogs Konto unter “Profil” ➔ “Einstellungen” ➔ “Entwickler”.

Die jeweilige Release ID findet man in der Discogs URL der jeweiligen Veröffentlichung (die Zahl im Pfad).

Das Plugin kann auch die von Discogs exportierten CSV-Dateien importieren und daraus die Platten automatisch anlegen. Hierfür in Discogs die eigene Sammlung als CSV exportieren lassen (dauert eine Weile) und dann in Feld 2 (CSV Massenimport) hochladen.

Wichtig: In der CSV Datei sind die Plattencover nicht enthalten. Daher muss nach dem Import der Button in Feld 3 (Fehlende Cover nachladen) betätigt werden, damit das Plugin die Bilder aus der Discogs Datenbank laden und zuweisen kann. Durch kleine Zwischenpausen beim Importieren wird das Rate Limit von Discogs umgangen, daher kann der Cover Import bei großen Sammlungen ein paar Minuten dauern.

Ansicht des Discogs Import im WordPress Plugin idsb Vinyl Library

(zum Vergrößern auf das Bild clicken)

Ansicht zur Generierung eines API Token in Discogs

(zum Vergrößern auf das Bild clicken)

Ansicht einer Platte in Discogs. Die Release ID in der URL ist hervorgehoben.

(zum Vergrößern auf das Bild clicken)

Genres und eigene Kategorien (Tags)

Im Untermenü “Genres” können Musikrichtungen manuell angelegt und dann den Platten zugewiesen werden. Beim Import von Discogs werden die jeweils hinterlegten Genres automatisch angelegt.

Im Menüpunkt “Kategorien” können eigene Tags angelegt werden wie z.B. “Lieblingsplatten”, “Neue Platten” etc. .

Die Genre-Liste im WordPress Plugin idsb Vinyl Library

(zum Vergrößern auf das Bild clicken)

Die Ausgabe

Das WordPress Plugin Vinyl Library arbeitet mit dem Shortcode [records]. Dieser kann an jeder Stelle in Seiten oder Blogposts verwendet werden.

Innerhalb dieses Shortcodes können verschiedene Einstellungen hinterlegt werden, z.B. die Ausspielung der Plattensammlung als Carousel oder Grid – oder die Filterung nach Genres und Tags.

Eine ausführliche Übersicht der Shortcode Parameter befindet sich im Menüpunkt “Anleitung” des Plugins.

Die Shortcode Parameter des WordPress Plugins idsb Vinyl Library.

(zum Vergrößern auf das Bild clicken)

Design

Im Menüpunkt “Farben” können die Schriftfarben für Titel, Interpret und Jahr, sowie die Hintergrundfarben der Bewertungssterne und der Filter-Buttons festgelegt werden. Diese überschreiben die Standardeinstellungen von Theme und Page Builder.

Zum Verwenden der Theme-eigenen Farben, einfach die Felder leer lassen.

(zum Vergrößern auf das Bild clicken)

Beispiele

Grid Ansicht

(zum Vergrößern auf das Bild clicken)

Carousel Ansicht

(zum Vergrößern auf das Bild clicken)

Download

Plugin "Vinyl Library" (V1.0) herunterladen

Systemvoraussetzungen

WordPress 5.6 oder höher
PHP 7.4 oder höher (8.1 oder höher empfohlen)
Browser: Google Chrome ab V49, Mozilla Firefox ab V31, Microsoft Edge ab V15, Apple Safari ab V9.3, Opera ab V36 – oder andere Browser mit CSS-Variablensupport
Bestehende Internetverbindung für den Discogs-Import

“idsb Vinyl Library” ist sicher und DSGVO-konform. Alle notwendigen Bibliotheken (Isotope. React und Swiper) werden mitgeliefert und lokal geladen.

Das Plugin wird nun kontinuierlich weiterentwickelt. An dieser Stelle wird immer die aktuellste Version zum Download stehen. Wir arbeiten auch an einer Veröffentlichung in der WordPress-internen Plugin-Bibliothek.