So verwenden Sie den SoundCloud-Integrationsblock

Mit dem Einbettungsblock von SoundCloud für WordPress können Sie Ihrem Beitrag oder Ihrer Seite ein Album, eine Wiedergabeliste oder einen Titel hinzufügen. Die Integration von Inhalt SoundCloud in Gutenberg bietet Ihnen viele Optionen für das Aussehen und die Funktionsweise des Blocks. Wenn Sie andernfalls einfach den SoundCloud-Link kopieren und in den Classic-Editor einfügen, können Sie möglicherweise Musik präsentieren, aber Ihre Möglichkeiten bei Anpassungen und Seitendesign sind erheblich eingeschränkt.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Album, eine Playlist oder einen SoundCloud-Track in einen WordPress-Beitrag oder eine WordPress-Seite einbetten. Wir behandeln auch Best Practices, FAQs und Tipps, die Sie kennen sollten.

Bevor wir beginnen, beachten Sie, dass Sie zum Einbetten zwar kein SoundCloud-Konto benötigen Inhalt Für die Nutzung des Dienstes müssen Sie öffentliche Strecken auswählen – private Strecken können nicht integriert werden. Darüber hinaus müssen Sie den Gutenberg-Blockeditor verwenden, um den SoundCloud-Einbettungsblock hinzuzufügen. (Wir werden jedoch einige Alternativen behandeln.)

So betten Sie SoundCloud-Inhalte in WordPress ein

Zuerst sehen wir uns an, wie Sie einen SoundCloud-Track zu einem WordPress-Beitrag oder einer WordPress-Seite hinzufügen. Als Nächstes sehen wir uns schnell an, wie Sie ein Album / eine Wiedergabeliste hinzufügen, da der Vorgang dem Hinzufügen eines Titels ähnelt.

So betten Sie einen SoundCloud-Track in WordPress ein

Gehen Sie zu SoundCloud und suchen Sie den Track, den Sie in WordPress einbetten möchten. Klicken Sie auf den Track, um ihn auf einer eigenen Seite zu öffnen. Kopieren Sie die URL aus der Adressleiste oben auf der Seite.

Gehe zu WordPress und erstelle oder bearbeite einen Beitrag oder eine Seite. Im Hauptteil der Seite sollten Sie a . sehen Pluszeichen. Wenn Sie keines sehen, klicken Sie irgendwo im Hauptteil der Seite und es sollte erscheinen.

Klick es Pluszeichen um die Blockauswahl anzuzeigen. Geben Sie "SoundCloud" in das ein Suche Fall, dann wählen Sie den zugehörigen Block. Der SoundCloud-Integrationsblock wird nun zu Ihrer Seite oder Ihrem Beitrag hinzugefügt.

Fügen Sie die kopierte SoundCloud-Adresse in das Feld mit der Aufschrift ein Geben Sie hier die zu integrierende URL ein ... Klicken Sie auf integrieren. Sie werden jetzt etwa Folgendes sehen:

Um zu sehen, wie sie auf Ihrer Website aussehen wird, sobald sie live geht, klicken Sie auf Übersicht > Büro > Vorschau in einem neuen Tab oben rechts auf der Seite.

Sie können eine Beschriftung hinzufügen, wenn Sie möchten. Unterhalb der eingebauten Spur befindet sich ein eigener Bereich für die Eingabe einer Bildunterschrift sowie für Formatierungsoptionen.

So betten Sie ein SoundCloud-Album oder eine Playlist in WordPress ein

Das Einbetten eines Albums oder einer Playlist von SoundCloud ist dem Hinzufügen eines Titels sehr ähnlich. Navigieren Sie in SoundCloud zu dem Album oder der Wiedergabeliste, die Sie hinzufügen möchten, und klicken Sie darauf, um sie auf einer eigenen Seite zu öffnen. Kopieren Sie die URL aus der Adressleiste.

Fügen Sie im SoundCloud-Integrationsfeld in WordPress die Adressleiste in den dafür vorgesehenen Bereich ein. Klicke auf integrieren.

Das Ergebnis ist im Grunde das gleiche, egal ob Sie ein Album oder eine Playlist hinzugefügt haben. Das Album- oder Playlist-Cover wird im Hauptteil des eingebetteten Links angezeigt, und darunter befindet sich eine Liste mit Titeln, die Sie durchsuchen können. Wenn Sie mit der Maus über die Tracks fahren und scrollen, wird das Hauptcover kleiner, um mehr von der Trackliste anzuzeigen. In diesem Screenshot ist die obere Einbettung eine Playlist, während die untere Einbettung ein Album ist.

Die Integrationsfehlermeldung

Wenn Sie etwas eingeben, das kein Link ist, handelt es sich um einen defekten Link oder um einen Link, der zu führt Inhalt das nicht integriert werden kann, erhalten Sie eine Fehlermeldung, die etwa so aussieht:

Sie können den Link erneut versuchen oder auf klicken In Link umwandeln um zu sehen ob das einen Unterschied macht. Wenn keine der beiden Optionen funktioniert, müssen Sie möglicherweise andere Inhalte integrieren.

Optionen für den SoundCloud-Integrationsblock

Es gibt zwei verschiedene Bereiche, in denen Sie Optionen für den SoundCloud-Integrationsblock finden: oben in der Leiste und in der rechten Seitenleiste. Mal sehen, was sie sind.

Symbolleistenoptionen

Nachdem Sie dem Einbettungsblock Inhalt hinzugefügt haben, klicken Sie darauf, um oben eine Optionsleiste anzuzeigen. Es sieht aus wie das:

Von links nach rechts die Bedeutung der Symbole:

• Werden : Sie können den SoundCloud-Einbettungsblock in einen Absatz, eine Spalte oder eine Gruppe umwandeln. Die einzige zu berücksichtigende Option ist die Gruppe one, weil Sie damit die Hintergrundfarbe des Blocks ändern können. Wenn es Ihnen egal ist, lassen Sie es in Ruhe - es ist ein bisschen schwierig zu bedienen.
• Gleiten: Bewegen Sie den Mauszeiger über die Rutsch Symbol und Ihr Cursor wird zu einer kleinen Hand. Klicken Sie mit der linken Maustaste und ziehen Sie den Einbettungsblock an die Stelle, an der Sie ihn auf der Seite platzieren möchten.
• Auf- und Abstieg: Die angebotene Aufwärtspfeil verschiebt den Block um ein Feld nach oben, und die Pfeil nach unten verschiebt es um ein Feld nach unten.
• Ausrichtung ändern: Richten Sie den Unterputzblock links, mittig oder rechts aus. Wenn Sie es nach links oder rechts ausrichten, wird es kleiner. Abhängig von Ihrem Thema haben Sie möglicherweise auch Optionen für volle Breite und breite Breite, wodurch der Einbettungsblock größer werden kann.
• URL bearbeiten: Ersetzen Sie die SoundCloud-URL, um ein anderes Album, eine andere Playlist oder einen anderen Titel einzubetten.
• Optionen: Das letzte Symbol zeigt ein Dropdown-Menü mit zusätzlichen Optionen an.

Das Menü Weitere Optionen

Diese Dropdown-Liste mit Optionen enthält eine Handvoll leicht verständlicher Optionen. Von oben nach unten sind das:

• Weitere Einstellungen ausblenden: Blenden (oder zeigen) Sie die Einstellungs-Seitenleiste auf der rechten Seite ein.
• Kopieren: Kopieren Sie den Block und fügen Sie ihn an einer beliebigen Stelle ein.
• Duplikat: Duplizieren Sie den Block, wodurch eine Kopie direkt unter dem Original erstellt wird.
• Vorher einfügen: Fügen Sie einen Block vor dem ausgewählten hinzu.
• Einfügen nach: Fügen Sie einen Block nach dem ausgewählten hinzu.
• Nach ... Ziehen: Dadurch wird ein blauer Balken angezeigt, den Sie mit den Pfeiltasten auf Ihrer Tastatur auf der Seite bewegen können. Sobald Sie es an der gewünschten Stelle platziert haben, klicken Sie auf Eingabe / Zurück um den Integrationsblock dorthin zu verschieben.
• In HTML bearbeiten: Bearbeiten Sie den HTML-Code für den Block.
• Zu wiederverwendbaren Blöcken hinzufügen: Fügen Sie den ausgewählten Block zu Ihrer Liste der wiederverwendbaren Blöcke hinzu. Auf diese Weise können Sie es einfach zu einem anderen Beitrag oder einer anderen Seite oder zu einem anderen Abschnitt des aktuellen Beitrags oder der Seite hinzufügen.
• Gruppe: als Gruppe oben erwähnte Option können Sie die Hintergrundfarbe des Blocks ändern.
• Löschen Sie den Block: Entfernen Sie den Block von der Seite.

Seitenleistenoptionen

Die rechte Seitenleiste hat zwei Einstellungen: Medieneinstellungen und Erweitert. Lassen Sie uns überprüfen.

Multimedia-Einstellungen

Wenn Sie aktivieren Größe für kleine Geräte ändern in Multimedia-Einstellungen Abschnitt wird der Einbettungsblock automatisch an die Bildschirmgröße angepasst. Dies ist besonders wichtig für Personen, die Ihre Inhalte auf einem Mobilgerät ansehen. Daher empfiehlt es sich, diese Option zu aktivieren.

Fortschritte

in Fortschritte Abschnitt können Sie dem ausgewählten Block einen CSS-Block hinzufügen. Das bedeutet, dass Sie den Block nach Belieben anpassen und stylen können (natürlich wenn Sie CSS kennen).

Best Practices und Tipps zur effektiven Verwendung des SoundCloud Embed Blocks

Schnell eingebettete Inhalte hinzufügen

Wenn Sie genau wissen, wohin der integrierte SoundCloud-Inhalt gehen soll, können Sie die URL einfach auf der Seite einfügen. Ein SoundCloud-Integrationsblock wird automatisch für Sie erstellt, mit den gleichen Optionen, als ob Sie den Block manuell hinzufügen würden.

Betten Sie SoundCloud-Inhalte mit dem klassischen Editor ein

Wenn Sie lieber mit dem klassischen WordPress-Editor arbeiten, können Sie SoundCloud-Inhalte jederzeit einbetten. Sie kopieren einfach den Link und fügen ihn an einer beliebigen Stelle im Textkörper des Beitrags oder der Seite ein. Dadurch wird der Inhalt automatisch integriert. Sie haben jedoch nicht die gleichen Symbolleistenoptionen wie beim Gutenberg-Block.

Verwenden Sie den Einbettungscode für verschiedene Anpassungen

Eine andere Möglichkeit, SoundCloud-Inhalte in WordPress einzubetten, besteht darin, den Einbettungscode zu verwenden. Navigieren Sie zu dem SoundCloud-Inhalt, den Sie einbetten möchten, und klicken Sie auf die Schaltfläche Teilen Taste.

Im Popup-Fenster können Sie das Aussehen des eingebetteten Inhalts ändern. In diesem Beispiel habe ich die Play/Pause-Schaltfläche auf hellblau geändert und die Höhe des Einbettungsfelds angepasst.

Wenn Sie fertig sind, kopieren Sie den Einbettungscode und fügen Sie ihn in einen HTML-Block in WordPress ein. In der Vorschau der Seite können Sie sehen, wie der Inhalt aussehen wird.

Häufig gestellte Fragen zum SoundCloud-Integrationsblock

Hat SoundCloud nur Musik?

Nö! SoundCloud bietet auch Podcasts an. Das Einbinden eines Podcasts entspricht dem Einbinden eines Musiktitels. Kopieren Sie die URL und fügen Sie sie in das Einbettungsfeld ein. Sie können eine einzelne Episode einbetten oder, wenn Sie den Podcast in seiner Gesamtheit präsentieren möchten, auf die Hauptseite von SoundCloud gehen und die URL kopieren / einfügen.

Kann ich dem SoundCloud-Integrationsblock mehrere Tracks hinzufügen?

Wenn Sie mehrere Songs oder Podcast-Episoden auf Ihrer WordPress-Site präsentieren möchten, können Sie Ihre eigene Playlist erstellen und diese dann einbetten. Beachten Sie, dass die Datenschutzeinstellungen jedes Tracks erhalten bleiben, auch wenn Sie die Playlist öffentlich machen (die Sie zum Einbetten benötigen). Das bedeutet, dass wenn Sie einen privaten Track zu einer öffentlichen Playlist hinzufügen, dieser Track immer privat bleibt.

https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist

Kann ich auswählen, wo ein SoundCloud-Track abgespielt wird?

Unglücklicherweise nicht. Wenn Sie auf klicken Teilen auf dem SoundCloud-Inhalt wird ein Fenster geöffnet. Unten befindet sich eine Option, wo die Wiedergabe des Titels beginnen soll. Wenn Sie jedoch den zugehörigen Link kopieren und in den Einbettungsblock einfügen, beginnt der Track nicht wirklich an diesem Teil. Wir haben es auf verschiedene Weise versucht, jedoch ohne Erfolg.

Pack

Integrieren Sie Musik oder Podcasts in Ihre Website kann die Erfahrung wertvoller machen und das Engagement verbessern. Wenn Sie eigene Inhalte haben oder die von jemand anderem teilen möchten, ist der SoundCloud-Einbettungsblock der einfachste Weg, dies mit den größtmöglichen Anpassungs- und Layoutoptionen zu tun. Sie können Ihrer Website ein Album, eine Wiedergabeliste, einen Podcast oder einen Musiktitel hinzufügen und Benutzern dies erlauben Besucher zuzuhören, ohne woanders umgeleitet zu werden. Und wenn sie mehr entdecken möchten, können sie ganz einfach auf die Inhalte von SoundCloud klicken.

Vielleicht interessiert Sie auch unser Artikel mit den 11 besten Audioplayer-Plugins für WordPress. Hör zu!

Bild von apghedia auf Shutterstock.com