Mit oEmbed ist das Platzieren von Videos, Bildern, Tweets und vielen anderen Arten externer Medien auf Ihrer WordPress-Website ganz einfach. WordPress-Plugins sind das Leben des Systems und mehr denn je gibt es für fast alles ein Plugin. Aber es ist schön, ohne den Einsatz zusätzlicher Plugins arbeiten zu können.
Viele der Aufgaben, die WordPress oEmbed jetzt für Sie erledigen kann, wurden in der Vergangenheit mit Hilfe eines WordPress-Plugins erledigt. Das Entwicklerteam hinter WordPress scheint sich sehr dafür einzusetzen, dass oEmbed immer mehr Arten von Rich Media unterstützt Tolles Neues für Benutzer.
Was ist oEmbed?
Einfach ausgedrückt erkennt WordPress oEmbed URLs von verschiedenen Diensten, um sie automatisch zu formatieren und anzuzeigen. Zum Beispiel Youtube-Videos, SoundCloud-Audio oder sogar WordPress-Beiträge. Wenn WordPress die URL sieht, stellt es eine Verbindung zum externen Dienst (z. B. Youtube) her und fordert den entsprechenden HTML-Code an, um das Video in die Seite oder den Beitrag einzubetten.
Sie müssen sich nicht mehr mit Kopieren und Einfügen herumschlagen, um den Code für ein Video zu erhalten. Sie können die URL des Videos oder anderer Medien buchstäblich direkt in Ihren WordPress-Beitrag oder Ihre WordPress-Seite einfügen und es funktioniert.
Wofür kann WordPress oEmbed verwendet werden?
Während es oEmbed in WordPress schon seit einiger Zeit gibt, ist es seit Version 2.9. Aber seitdem sind eine Reihe neuer Dienste hinzugekommen, die mit oEmbed funktionieren, sodass die Liste immer länger wird.
Alle Videodienste wie Youtube, Vimeo und sogar Hulu werden unterstützt. Fotoseiten wie Instagram, Flickr und Photobucket funktionieren sehr gut. Sogar soziale Websites mögen Twitter Und Facebook sie sind kompatibel. Sie können sogar Ihre Blogbeiträge hinzufügen.
Eine vollständige Liste aller 36 oEmbed-Dienste finden Sie auf dieser Seite im WordPress-Codex.
So verwenden Sie oEmbeds im klassischen Editor
Wenn Sie den klassischen Editor verwenden, fügen Sie einfach die Links Ihrer Wahl in den Rich-Text-Editor ein. Wenn Sie also die Mellow Indie Chill-Playlist von SoundCloud teilen möchten, müssen Sie zuerst die URL abrufen:
https://soundcloud.com/soundcloud-scenes/sets/coffee-shop-mellow-indie-chill
Fügen Sie es dann in den Haupttextbereich ein und Sie werden Folgendes sehen:
Großartig, oder?
Bei der Verwendung von oEmbeds im klassischen WordPress-Editor ist eines zu beachten: die URL des Die Medien müssen in einer Reihe stehen. Sie müssen nicht zum Texteditor oder Ähnlichem wechseln. Denken Sie nur daran, auf die Eingabetaste zu klicken, damit es in einer eigenen Zeile steht.
So verwenden Sie oEmbeds in Gutenberg
Wenn Sie Gutenberg verwenden, ist das Hinzufügen von oEmbed etwas anders, da es einen Block speziell für das Hinzufügen gibt. Um zu beginnen, können Sie den Block für Ihren spezifischen Medientyp finden (Gutenberg bietet mehrere Blockoptionen) oder einfach nach dem Einfügen-Block suchen.
Als nächstes fügen Sie Ihren Link hinzu:
Klicken Sie dann auf die Schaltfläche zum Einbetten. Der Block identifiziert das eingebettete Element und zeigt es entsprechend an, wie unten gezeigt:
Das ist alles!
Steuern Sie die Größe eingebetteter Objekte
Hier ist ein zusätzlicher Tipp, den es zu beachten gilt. WordPress verlässt sich auf eine Einstellung für die Inhaltsbreite, um zu steuern, wie breit ein eingebettetes Objekt sein soll. Bei einigen WordPress-Themes ist dieser Satz bereits vorhanden und er passt sich der Breite des angezeigten Inhalts an.
Wenn Sie ein Theme haben, das diese Breite nicht unterstützt, können Sie es ganz einfach selbst hinzufügen.
if ( ! isset( $content_width ) ) {
$content_width = 600;
}
Sie können es sicher in der Datei function.php Ihres Themes platzieren.
WordPress empfiehlt außerdem, Ihrem Theme etwas CSS hinzuzufügen:
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
Im Wesentlichen prüft es, ob die Breite festgelegt wurde, und setzt sie andernfalls auf 550 (Pixel). Ändern Sie die Nummer einfach so, dass sie für Ihre Situation am besten geeignet ist.
Basierend auf diesem Wert verwendet WordPress ihn als Breite für alle oEmbeds, die Sie jetzt sehen. Es ist intelligent genug, um die Höhe basierend auf der von Ihnen angegebenen Breite zu berechnen, sodass Sie sich keine Gedanken über die Einstellung der Höhe machen müssen.
oEmbed ist eine tolle Funktion und ich verwende sie ständig. Es ist großartig für WordPress-Endbenutzer, kein Ärger mehr mit Plugins und komplizierten Einstellungen, geben Sie einfach die Medien-URL auf der Seite ein und fertig.
Probieren Sie es jetzt auf Ihrer WordPress-Site aus!
