{"id":869707,"date":"2023-10-08T16:56:09","date_gmt":"2023-10-08T21:56:09","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/wordpress-oembed-fast-alles-einbetten\/"},"modified":"2023-10-08T16:56:09","modified_gmt":"2023-10-08T21:56:09","slug":"wordpress-oembed-fast-alles-einbetten","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/wordpress-oembed-fast-alles-einbetten\/","title":{"rendered":"WordPress oEmbed: (fast) alles einbetten"},"content":{"rendered":"

\n<\/p>\n

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\u00fcr fast alles ein Plugin. Aber es ist sch\u00f6n, ohne den Einsatz zus\u00e4tzlicher Plugins arbeiten zu k\u00f6nnen.<\/p>\n

Viele der Aufgaben, die WordPress oEmbed jetzt f\u00fcr Sie erledigen kann, wurden in der Vergangenheit mit Hilfe eines WordPress-Plugins erledigt. Das Entwicklerteam hinter WordPress scheint sich sehr daf\u00fcr einzusetzen, dass oEmbed immer mehr Arten von Rich Media unterst\u00fctzt Tolles Neues f\u00fcr Benutzer.<\/p>\n

Was ist oEmbed?<\/h2>\n

Einfach ausgedr\u00fcckt erkennt WordPress oEmbed URLs von verschiedenen Diensten, um sie automatisch zu formatieren und anzuzeigen. Zum Beispiel Youtube-Videos, SoundCloud-Audio oder sogar WordPress-Beitr\u00e4ge. 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.<\/p>\n

Sie m\u00fcssen sich nicht mehr mit Kopieren und Einf\u00fcgen herumschlagen, um den Code f\u00fcr ein Video zu erhalten. Sie k\u00f6nnen die URL des Videos oder anderer Medien buchst\u00e4blich direkt in Ihren WordPress-Beitrag oder Ihre WordPress-Seite einf\u00fcgen und es funktioniert.<\/p>\n

Wof\u00fcr kann WordPress oEmbed verwendet werden?<\/h2>\n

W\u00e4hrend 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\u00e4nger wird.<\/p>\n

Alle Videodienste wie Youtube, Vimeo und sogar Hulu werden unterst\u00fctzt. Fotoseiten wie Instagram, Flickr und Photobucket funktionieren sehr gut. Sogar soziale Websites m\u00f6gen Twitter Und Facebook sie sind kompatibel. Sie k\u00f6nnen sogar Ihre Blogbeitr\u00e4ge hinzuf\u00fcgen.<\/p>\n

Eine vollst\u00e4ndige Liste aller 36 oEmbed-Dienste finden Sie auf dieser Seite im WordPress-Codex.<\/p>\n

So verwenden Sie oEmbeds im klassischen Editor<\/h2>\n

Wenn Sie den klassischen Editor verwenden, f\u00fcgen Sie einfach die Links Ihrer Wahl in den Rich-Text-Editor ein. Wenn Sie also die Mellow Indie Chill-Playlist von SoundCloud teilen m\u00f6chten, m\u00fcssen Sie zuerst die URL abrufen:<\/p>\n

https:\/\/soundcloud.com\/soundcloud-scenes\/sets\/coffee-shop-mellow-indie-chill<\/pre>\n
F\u00fcgen Sie es dann in den Haupttextbereich ein und Sie werden Folgendes sehen:<\/p>\n
Gro\u00dfartig, oder?<\/p>\n
Bei der Verwendung von oEmbeds im klassischen WordPress-Editor ist eines zu beachten: die URL des Die Medien m\u00fcssen in einer Reihe stehen<\/strong>.  Sie m\u00fcssen nicht zum Texteditor oder \u00c4hnlichem wechseln. Denken Sie nur daran, auf die Eingabetaste zu klicken, damit es in einer eigenen Zeile steht.<\/p>\n
So verwenden Sie oEmbeds in Gutenberg<\/h2>\n
Wenn Sie Gutenberg verwenden, ist das Hinzuf\u00fcgen von oEmbed etwas anders, da es einen Block speziell f\u00fcr das Hinzuf\u00fcgen gibt.  Um zu beginnen, k\u00f6nnen Sie den Block f\u00fcr Ihren spezifischen Medientyp finden (Gutenberg bietet mehrere Blockoptionen) oder einfach nach dem Einf\u00fcgen-Block suchen.<\/p>\n
\"WordPress<\/p>\n
Als n\u00e4chstes f\u00fcgen Sie Ihren Link hinzu:<\/p>\n
\"WordPress<\/p>\n
Klicken Sie dann auf die Schaltfl\u00e4che zum Einbetten.  Der Block identifiziert das eingebettete Element und zeigt es entsprechend an, wie unten gezeigt:<\/p>\n
\"WordPress<\/p>\n
Das ist alles!<\/p>\n
Steuern Sie die Gr\u00f6\u00dfe eingebetteter Objekte<\/h2>\n
Hier ist ein zus\u00e4tzlicher Tipp, den es zu beachten gilt.  WordPress verl\u00e4sst sich auf eine Einstellung f\u00fcr 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.<\/p>\n
Wenn Sie ein Theme haben, das diese Breite nicht unterst\u00fctzt, k\u00f6nnen Sie es ganz einfach selbst hinzuf\u00fcgen.<\/p>\n
if ( ! isset( $content_width ) ) {\r\n\t$content_width = 600;\r\n}<\/pre>\n
Sie k\u00f6nnen es sicher in der Datei function.php Ihres Themes platzieren.<\/p>\n
WordPress empfiehlt au\u00dferdem, Ihrem Theme etwas CSS hinzuzuf\u00fcgen:<\/p>\n
.size-auto, \r\n.size-full,\r\n.size-large,\r\n.size-medium,\r\n.size-thumbnail {\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n}<\/pre>\n
Im Wesentlichen pr\u00fcft es, ob die Breite festgelegt wurde, und setzt sie andernfalls auf 550 (Pixel).  \u00c4ndern Sie die Nummer einfach so, dass sie f\u00fcr Ihre Situation am besten geeignet ist.<\/p>\n
Basierend auf diesem Wert verwendet WordPress ihn als Breite f\u00fcr alle oEmbeds, die Sie jetzt sehen.  Es ist intelligent genug, um die H\u00f6he basierend auf der von Ihnen angegebenen Breite zu berechnen, sodass Sie sich keine Gedanken \u00fcber die Einstellung der H\u00f6he machen m\u00fcssen.<\/p>\n
oEmbed ist eine tolle Funktion und ich verwende sie st\u00e4ndig.  Es ist gro\u00dfartig f\u00fcr WordPress-Endbenutzer, kein \u00c4rger mehr mit Plugins und komplizierten Einstellungen, geben Sie einfach die Medien-URL auf der Seite ein und fertig.<\/p>\n
Probieren Sie es jetzt auf Ihrer WordPress-Site aus!<\/p>\n   ","protected":false},"excerpt":{"rendered":"
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\u00fcr fast alles ein Plugin. Aber es ist sch\u00f6n, ohne den Einsatz zus\u00e4tzlicher Plugins arbeiten zu k\u00f6nnen. Viele der Aufgaben, die WordPress oEmbed […]<\/p>\n","protected":false},"author":1,"featured_media":869708,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/434c7ea9c1a2b4f1fa723_content.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/869707"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=869707"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/869707\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/869708"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=869707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=869707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=869707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}