Einbetten von Medien und Drittanbieter-Inhalten auf deiner Website
Das Einbetten von Medien und Drittanbieter-Inhalten auf deiner Website ermöglicht es dir, externe Inhalte nahtlos zu integrieren, ohne sie direkt hochladen oder hosten zu müssen. Dies umfasst Videos, Social-Media-Posts, Karten, Audioclips und mehr. Du kannst beispielsweise Podcasts von Spotify oder Beiträge deines Tumblr-Accounts anzeigen. Das häufigste Beispiel ist wahrscheinlich das Einbetten von Videos von YouTube oder Vimeo. Auch Umfragen von CrowdSignal oder Musik von SoundCloud lassen sich problemlos einbetten.
Der Embed-Block
Der Embed-Block bietet die Möglichkeit, Inhalte von anderen Websites anzuzeigen. Um diesen Block zu verwenden, wählst du ihn aus und fügst den Link zu dem Inhalt ein, den du darstellen möchtest. Es gibt auch spezialisierte Embed-Blöcke für bestimmte Dienste wie YouTube, X, WordPress, Vimeo, CrowdSignal und PocketCasts. Diese Blöcke sind im Inserter-Menü links verfügbar und erleichtern das Einfügen von Inhalten.
YouTube- und Spotify-Block
Um ein YouTube-Video hinzuzufügen, kannst du den Befehl „/YouTube“ eingeben, den Block auswählen und die URL des Videos einfügen. WordPress bietet auch die Möglichkeit, URLs direkt in deine Seite oder deinen Beitrag einzufügen, ohne dass ein spezieller Block erforderlich ist. Dies gilt auch für Spotify-Podcasts, deren URLs einfach eingefügt werden können, um den Inhalt anzuzeigen.
Transformation eines Embed-Blocks
Ein Embed-Block kann in einen Columns-Block oder Group-Block umgewandelt werden, um das Layout und die Hintergrundfarbe zu ändern. Beispielsweise kann ein TED-Talk-Video in einen Columns-Block umgewandelt werden, indem du den Block auswählst und in der Block-Symbolleiste die Transformation vornimmst. Danach können weitere Anpassungen wie das Ändern der Spaltenanzahl, der Hintergrundfarbe und der Ausrichtung vorgenommen werden.
HTML-Block für nicht unterstützte Dienste
Für Dienste, die nicht direkt durch Embed-Blöcke unterstützt werden, wie Facebook oder Instagram, kann der HTML-Block verwendet werden. Dazu kopierst du den HTML-Code des gewünschten Inhalts von der Drittanbieter-Website und fügst ihn in einen benutzerdefinierten HTML-Block auf deiner Seite ein. Über die Vorschau in der Block-Symbolleiste kannst du überprüfen, wie der eingebettete Inhalt angezeigt wird.