✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

Wie man eine Spotify-Playlist in WordPress einbettet

44

Keine andere Streaming-Plattform kommt an die Größe von Spotify heran. Über 180 Millionen Menschen nutzen Spotify jeden Tag und diese Zahl wird immer größer.

Fast jeder hat von Spotify gehört und das nicht nur wegen seiner Größe. Es ist erschwinglich, benutzerfreundlich und wird von einer riesigen Sammlung von Songs und Künstlern unterstützt.

Spotify und ähnliche Dienste haben die Landschaft der Musikindustrie verändert. Aufgrund dieser Streaming-Optionen laden viele Musikliebhaber keine Musik mehr herunter.

Aber diese Dienste haben auch neue Tools zum Toolbelt des WordPress-Bloggers hinzugefügt. Mit Spotify ist es einfach, Musikmedien auf einer WordPress-Website zu teilen.

Spotify ist hier, um zu bleiben, und seine Nutzerbasis geht in die Millionen. Jeder musikbegeisterte WordPress-Site-Besitzer wird wissen wollen, wie er Spotify optimal nutzen kann.

Dieses Tutorial zeigt, wie man eine Spotify Playlist in WordPress einbettet. Auf diese Weise kann eine WordPress-Site Folgendes präsentieren:

  • Ihre neuesten oder Lieblings-Podcasts
  • Angesagte Künstler
  • Relevante Lieder
  • Schöpfer, die Sie motivieren

Ihre Website hebt sich mit einer eingebetteten Spotify-Playlist von der Masse ab. Es fügt Charakter und Persönlichkeit hinzu.

Das Kuratieren einer Spotify-Playlist ist eine weitere Möglichkeit, eine Marke aufzuwerten. Die Einbeziehung von Musik wird ein abgerundetes Erlebnis für das Publikum bieten.

Man kann beruhigt eine Spotify-Playlist hinzufügen. Jeder Artikel in der Spotify-Bibliothek ist DRM-geschützt (Digital Rights Management).

Nur der Eigentümer kann urheberrechtlich geschützte Inhalte auf Spotify hochladen.

Warum nicht ein Plugin verwenden?

Plugins sind eine Möglichkeit, eine Spotify-Wiedergabeliste einzubetten, und es gibt mehrere gute Plugin-Optionen.

Plugins erhöhen jedoch den Overhead einer Website. Dies bedeutet, dass Plugins die Rechenleistung und Bandbreite der Website beeinträchtigen.

Kein WordPress-Site-Besitzer möchte diese Ressourcen verschwenden. Die Website läuft reibungsloser mit einer schnelleren Ladezeit, indem Sie Dinge selbst codieren.

In dieser Anleitung erfahren Sie, wie Sie manuell codieren, um Wiedergabelisten einzubetten. Dies vermeidet die Notwendigkeit, sich auf ressourcenfressende Plugins zu verlassen.

So betten Sie eine Spotify-Playlist in Ihre Website ein

Schauen Sie sich zunächst Ihr WordPress-Theme an. Einige Themes ermöglichen eine gute Einbindung von Plugins und externem Javascript.

Bereiten Sie danach die einzubettende Spotify-Wiedergabeliste vor. Sobald es bereit ist, der Welt zu zeigen, suchen Sie die Playlist-URL.

Dann:

Wie man eine Spotify-Playlist in WordPress einbettet

  • Öffnen Sie die Desktop-Spotify-App

Wie man eine Spotify-Playlist in WordPress einbettet

  • Gehen Sie zur Playlist und klicken Sie mit der rechten Maustaste darauf (in der Seitenleiste).
  • Öffnen Sie den WordPress-Admin

Wie man eine Spotify-Playlist in WordPress einbettet

  • Gehen Sie zu Darstellung > Widgets
  • Wählen Sie ein Text-Widget aus der Liste auf der linken Seite aus.

Wie man eine Spotify-Playlist in WordPress einbettet

  • Senden Sie Ihre Auswahl an den Anzeigeort der Wiedergabeliste. Dies kann die Seitenleiste, die Fußzeile usw. sein.
  • Das Text-Widget wird an der neuen Position angezeigt. Fügen Sie nun den Spotify-Einbettungscode in den Inhaltsbereich ein. Ein Titel ist optional.

Wie man eine Spotify-Playlist in WordPress einbettet

  • Drücken Sie Speichern und überprüfen Sie Ihre Website

Verwenden des klassischen Editors

Wie man eine Spotify-Playlist in WordPress einbettet

Diese Option könnte nicht einfacher sein. Befolgen Sie das obige Tutorial, um die Spotify-URL für Ihren Song oder Ihre Wiedergabeliste zu erhalten.

Gehen Sie dann zu der Stelle, an der Sie die Playlist einbetten möchten.

Wie man eine Spotify-Playlist in WordPress einbettet

Wählen Sie die Seite oder den Beitrag mit der Playlist aus und klicken Sie auf Block hinzufügen. Fügen Sie dann die URL in den Editor ein.

Wie man eine Spotify-Playlist in WordPress einbettet

Die URL ändert sich in einen eingebetteten Player.

So betten Sie eine Spotify-Playlist als Widget in WordPress ein

Eine weitere einfache Möglichkeit besteht darin, ein Widget zu erstellen, das eine Spotify-Wiedergabeliste enthält. Suchen und verwenden Sie erneut Ihre Spotify-Wiedergabelisten-URL.

Dann:

Wie man eine Spotify-Playlist in WordPress einbettet

  1. Öffnen Sie Ihr Dashboard
  2. Wählen Sie Verwalten > Anpassen > Widget aus
  3. Wählen Sie das gewünschte Text-Widget aus und ziehen Sie es in den bevorzugten Widget-Bereich
  4. Klicken Sie auf das Widget
  5. Geben Sie den Spotify-Shortcode ein: {spotify url }.
  6. Ersetzen Sie „URL” durch die tatsächliche URL Ihrer Playlist.
  7. Klicken Sie auf Fertig

Verwenden von Qode-Musikthemen

Wie man eine Spotify-Playlist in WordPress einbettet

Ihre Website verwendet möglicherweise ein Qode-Design mit einem Musikmodul. Wenn ja, ist das Einbetten einer Spotify-Playlist noch einfacher.

Die Themen sind voll ausgestattet mit allen Werkzeugen, die ein Musikthema haben sollte. Dazu gehört ein Shortcode zum Einbetten von Wiedergabelisten.

Um es zu benutzen:

Wie man eine Spotify-Playlist in WordPress einbettet

  1. Fügen Sie ein neues Element hinzu
  2. Wählen Sie Audio-Playlist
  3. Wählen Sie Spotify aus dem Dropdown-Menü
  4. Fügen Sie Ihre Playlist-URL ein
  5. Klicken Sie auf Änderungen speichern

So betten Sie eine Spotify-Playlist in WordPress-Beiträge ein

Wie man eine Spotify-Playlist in WordPress einbettet

Eine weitere Möglichkeit besteht darin, eine Playlist mithilfe eines Iframes in einen WordPress-Beitrag selbst einzufügen. Gehen Sie zu WordPress Dashboard > Beiträge > Neu hinzufügen.

Betiteln Sie dann den Beitrag und fügen Sie einen eingebetteten Code ein. So erhalten Sie den Code:

  1. Wählen Sie Ihre Wiedergabeliste aus
  2. Klicken Sie auf die drei Punkte
  3. Wählen Sie Teilen
  4. Einbettungscode kopieren
  5. Fügen Sie dem Beitrag den Einbettungscode hinzu.

Wie man eine Spotify-Playlist in WordPress einbettet

Stellen Sie beim Einfügen des Codes sicher, dass Sie ihn in den Textbereich des Beitrags einfügen, nicht in den visuellen Editor. HTML-Codes wie dieser funktionieren im visuellen Editor nicht.

Nachdem Sie den Code eingefügt haben, laden Sie den Beitrag hoch. Es wird jetzt die eingebettete Spotify-Wiedergabeliste präsentieren.

Fehlerbehebung

Wie man eine Spotify-Playlist in WordPress einbettet

Im Folgenden sind zwei der wahrscheinlichsten Ursachen für Spotify-Wiedergabelistenfehler aufgeführt.

Verlinkte Spotify-URL

Der Text der URL kann in der Linkfarbe des Themas sein. Wenn dies der Fall ist, ist die URL sehr wahrscheinlich mit einem Hyperlink versehen.

Man kann eine Wiedergabeliste nicht in WordPress einbetten, wenn sie mit einem Hyperlink versehen ist, also ist es notwendig, sie zu entfernen.

Klicken Sie dazu auf das Entfernen-Symbol. Wenn der Text der URL schwarz wird, ist der Hyperlink verschwunden.

Spotify-URL/Shortcode ist nicht in einer eigenen Zeile

Stellen Sie sicher, dass Ihre URL und Ihr Shortcode in einer eigenen Zeile im Code stehen. Vor oder nach ihnen dürfen keine Zeichen oder Leerzeichen stehen.

Wenn nicht, funktioniert der Code nicht richtig.

Abschließende Gedanken zum Einbetten einer Spotify-Wiedergabeliste in WordPress

Egal für welche der oben genannten Methoden Sie sich entscheiden, das Einbetten einer Spotify-Wiedergabeliste ist einfach.

Zu wissen, wie es geht, eröffnet eine ganze Welt musikalischer Möglichkeiten. Jetzt kann eine Website oder ein Blog Songs, Wiedergabelisten und jede andere Art von Musikinhalt enthalten.

Aufstrebende Musiker können ihre Musik der Welt vorstellen, sich selbst promoten und ihre persönliche Marke ausbauen.

Aber dieses Tool ist nicht auf Musiker beschränkt. Musikliebhaber, Podcast-Produzenten, Hörbuchclubs und mehr können ihre Playlists teilen.

Ganz gleich, aus welchem ​​Grund Sie eine Playlist oder einen Audiotrack in eine WordPress-Site einbetten, Sie sind jetzt bereit.

Für alles andere, was mit WordPress zu tun hat, sieh dir bitte die vielen anderen Anleitungen auf dieser Seite an.

Wenn Ihnen dieser Artikel zum Einbetten einer Spotify-Wiedergabeliste in WordPress gefallen hat, sollten Sie sich diesen Artikel darüber ansehen, wie Sie eine Telefonnummer in WordPress anklickbar machen.

Wir haben auch über ein paar verwandte Themen geschrieben, wie zum Beispiel, wie man die WordPress-Version überprüft, wie man eine HTML-Datei in WordPress hochlädt, wie man ein Facebook-Video in WordPress einbettet, wo WordPress-Seiten gespeichert werden und warum WordPress so schwer zu benutzen ist.

Aufnahmequelle: wpdatatables.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen