WordPress bietet Standard-Shortcodes zum Einfügen von Audio und Wiedergabelisten auf Ihrer Website. Dies ist sehr nützlich, wenn Sie nur wenige Audiodateien auf Ihrem eigenen Server hosten. Aber die meisten von uns sind keine Musiker, um unser eigenes Audio zu komponieren, und die Verwendung von Audio von jemandem führt zu Urheberrechtsverletzungen. Hier kommen die Drittanbieter wie SoundCloud, die Audio-Hosting-Dienste anbieten und es öffentlichen Benutzern ermöglichen, die Musik unter vereinbarten Lizenzen zu teilen. Auch wenn Sie eine große Anzahl von Audiodateien haben, ist es eine gute Idee, sie außerhalb Ihres Servers zu hosten. Es wird nicht nur dazu beitragen, die Ladegeschwindigkeit Ihrer Website zu verbessern, sondern auch dazu beitragen, ein breiteres Publikum zu erreichen.
In diesem Artikel erklären wir, wie Sie die SoundCloud-Wiedergabeliste in Ihre WordPress-Site einbetten – beides WordPress.com und WordPress.org website.
- Schritt 1 – Erstellen Sie eine Wiedergabeliste in SoundCloud
- Schritt 2 – Holen Sie sich den Einbettungscode für die Wiedergabeliste
- Schritt 2.1 – Einbettungscode für WordPress.com Benutzer
- Schritt 2.2 – Einbettungscode für WordPress.org Benutzer
- Schritt 3 – SoundCloud-Einbettungscode in WordPress einfügen
- Einfügen der Freigabe-URL in WordPress
- Wichtige Punkte
Schritt 1 – Erstellen Sie eine Wiedergabeliste in SoundCloud
Melden Sie sich für ein kostenloses SoundCloud-Konto an und erstellen Sie eine Wiedergabeliste mit Ihren Lieblingstiteln. Zeigen Sie alle Ihre Wiedergabelisten im Menü „Sammlung > Wiedergabelisten“ an, wie unten gezeigt:
Anzeigen von Wiedergabelisten in SoundCloud
Schritt 2 – Holen Sie sich den Einbettungscode für die Wiedergabeliste
Klicken Sie auf die Wiedergabeliste, die Sie auf Ihrer WordPress-Site freigeben möchten. Sie sehen die Liste der in der Wiedergabeliste hinzugefügten Titel und klicken auf die Schaltfläche „Teilen“. Hier können Sie auch das Mischen von Wiedergabelisten aktivieren oder deaktivieren.
SoundCloud-Wiedergabeliste teilen
Es wird ein Popup-Bildschirm angezeigt, der drei Optionen zum Teilen bietet – Teilen, Einbetten und Nachricht. Gehen Sie zur Registerkarte „Einbetten“, wählen Sie das Anzeigedesign aus und rufen Sie den Einbettungscode für Ihre WordPress-Site ab.
Schritt 2.1 – Einbettungscode für WordPress.com Benutzer
SoundCloud hat einen Shortcode, der nur für WordPress.com benutzer. Wählen Sie das Kontrollkästchen „WordPress-Code“, um den Shortcode für Ihre WordPress.com website.
Abrufen des Einbettungscodes für WordPress
Der Einbettungscode für WordPress.com benutzer werden ungefähr so aussehen:
Scrollen Sie zum Bildschirm und klicken Sie auf „Weitere Optionen“, um die Farbe zu ändern und die automatische Wiedergabe Ihrer Wiedergabeliste zu aktivieren oder zu deaktivieren.
Autoplay aktivieren
Zeigen Sie die Vorschau Ihrer Wiedergabeliste an und kopieren Sie den im Textfeld unter „Code und Vorschau“ angezeigten Code.
Schritt 2.2 – Einbettungscode für WordPress.org Benutzer
Wenn Sie eine selbst gehostete WordPress.org site Stellen Sie dann sicher, dass Sie das Kontrollkästchen „WordPress-Code“ deaktivieren und den Einbettungscode abrufen. Es sollte ein Iframe-Code sein, wie unten gezeigt:
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
Schritt 3 – SoundCloud-Einbettungscode in WordPress einfügen
Ob Sie den Einbettungscode für WordPress.com oder WordPress.org der Einfügevorgang ist gleich und einfach. Fügen Sie einfach den Einbettungscode in Ihren Beitrag oder Ihre Seite ein, ähnlich wie bei jedem Textinhalt im Editor „Text“. Sie sollten Ihre Website veröffentlichen, um den Audio-Player in WordPress.com website beim Wechsel zu „Visual“ Editor wird der Audio-Player in zeigen WordPress.org website. Unten ist ein echtes Beispiel für SoundCloud Player auf WordPress.org website.
Breite, Höhe und Autoplay-Eigenschaften des Players können direkt im Einbettungscode geändert werden. Es ist auch möglich, das Aussehen des Players durch Hinzufügen des Parameters „visual = true“ zu ändern. Zum Beispiel kann der obige Standard-Player wie unten mit dem angegebenen Code geändert werden:
< iframe Breite = „100%“ Höhe = „300“ Scrollen = „nein“ frameborder = „ja“ src=“https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true“></iframe>
Sie können den Player in der Seitenleiste und im Fußzeilen-Widget-Bereich hinzufügen, indem Sie den Code mit dem Widget „Text“ einfügen.
Einfügen der Freigabe-URL in WordPress
Es ist auch möglich, den Audioplayer mithilfe der Freigabe-URL einzufügen. Wenn Sie auf die Schaltfläche „Teilen“ klicken, kopieren Sie einfach die URL unter der Registerkarte „Teilen“ und fügen Sie sie in Ihren WordPress-Editor „Visual“ ein.
SoundCloud Share URL Code
Drücken Sie die Eingabetaste, um zu sehen, dass WordPress diese URL automatisch in eine Wiedergabeliste wie unten konvertiert.
Wichtige Punkte
- Mit SoundCloud können Sie einzelne Audiospuren, Wiedergabelisten und Ihr Kontoprofil auf Ihrer WordPress-Site freigeben.
- Sie können sowohl die Share URL-Methode als auch die Embed Code-Methode verwenden.
- Share URL-Methode ist gut für Ihre eigenen Wiedergabelisten mit breitem Profilbild zu teilen. Embed-Code wird für die Wiedergabe anderer Audiodateien empfohlen.
- Share URL muss im „Visual“ Editor eingefügt werden und der Player ist im Editor zu sehen.
- Einbettungscode für WordPress.die COM-Site muss in den „visuellen“ Editor eingefügt werden, und der Audioplayer ist nur auf der veröffentlichten Site sichtbar.
- Einbettungscode für WordPress.org die Site muss in den „Text“ -Editor eingefügt werden und der Player ist im Editor zu sehen.
- WordPress.com unterstützt SoundCloud Shortcodes während WordPress.org tut es nicht. Stellen Sie also sicher, dass Sie den richtigen Einbettungscode für Ihren Audio-Player erhalten.
- Der Player kann durch Ändern der Standardparameter im Einbettungscode angepasst werden. Der über eine Freigabe-URL eingefügte Player kann jedoch nicht angepasst werden.
- WordPress.org hat viele kostenlose Plugins, um SoundCloud Shortcode zu erstellen und die Playlist einzubetten.
