ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: WordPress oEmbed: (Fast) alles einbetten
Aktie
Benachrichtigung Zeig mehr
Neuesten Nachrichten
Verwenden Sie Haptic Touch, um schnelle Aktionen auf dem iPhone auszuführen (2023)
Wie man
iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe
Wie man
Bewertung: OWC ThunderBay 8 bietet hochvolumigen, leistungsstarken Mac-Speicher
Technische Bewertungen
So erstellen Sie ein GIF in Photoshop
Wie man
Vollformat vs. APS-C: Welchen Kamerasensor sollten Sie wählen?
Gegen
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Tipps > WordPress oEmbed: (Fast) alles einbetten
Tipps

WordPress oEmbed: (Fast) alles einbetten

Zuletzt aktualisiert: November 17, 2021 12:24 am
ThemeLocal vor 1 Jahr 5 Minuten Mindestlesezeit
Aktie
5 Minuten Mindestlesezeit
Aktie

Das Platzieren von Videos, Bildern, Tweets und vielen anderen Arten externer Medien in Ihrer WordPress-Website ist mit oEmbed 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, Aufgaben ohne die Verwendung zusätzlicher Plugins erledigen zu können.

Contents
Was ist oEmbed?Wofür können Sie WordPress oEmbed verwenden?So verwenden Sie oEmbeds im Classic-EditorSo verwenden Sie oEmbeds in GutenbergSteuern Sie die Größe eingebetteter Objekte

Viele der Aufgaben, die WordPress oEmbed jetzt für Sie erledigen kann, wären in der Vergangenheit mit Hilfe eines WordPress-Plugins erledigt worden neu für Benutzer.

Was ist oEmbed?

Einfach ausgedrückt erkennt WordPress oEmbed URLs zu einer Reihe von Diensten, um sie automatisch zu formatieren und anzuzeigen. Zum Beispiel Youtube-Videos, SoundCloud-Audio oder sogar WordPress-Posts. Wenn WordPress die URL sieht, verbindet es sich mit dem externen Dienst (wie Youtube) und fragt nach dem entsprechenden HTML-Code, um das Video in die Seite oder den Beitrag einzubetten.

Sie müssen sich nicht mehr mit Kopier- und Einfügeaufträgen herumschlagen, um 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 können Sie WordPress oEmbed verwenden?

Während oEmbed schon seit einiger Zeit in WordPress existiert, gibt es seit Version 2.9. Aber seitdem haben sie eine Reihe neuer Dienste hinzugefügt, die mit oEmbed funktionieren, sodass die Liste länger wird.

Videodienste wie Youtube, Vimeo und sogar Hulu werden alle unterstützt. Fotoseiten wie Instagram, Flickr und Photobucket funktionieren alle hervorragend. Sogar soziale Websites wie Twitter und Facebook werden unterstützt. Verdammt, Sie können sogar Ihre Blog-Posts hinzufügen.

Eine vollständige Liste der 36 oEmbed-Dienste finden Sie unter diese Seite im WordPress-Codex.

So verwenden Sie oEmbeds im Classic-Editor

Für diejenigen unter Ihnen, die den klassischen Editor verwenden, müssen Sie lediglich die Links Ihrer Wahl in den Rich-Text-Editor einfügen. 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 sehen Folgendes:

Cool was?

Bei der Verwendung von oEmbeds im WordPress Classic-Editor müssen Sie eines beachten – die URL zum Medien müssen sich in einer eigenen Zeile befinden. 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 eine Reihe von Blockoptionen) oder einfach nach dem Einbettungsblock suchen.

WordPress oEmbed in Gutenberg

Fügen Sie als Nächstes Ihren Link hinzu:

WordPress oEmbed Gutenberg-Block

Klicken Sie dann auf die Schaltfläche zum Einbetten. Der Block identifiziert die Einbettung und zeigt sie entsprechend an, wie unten gezeigt:

WordPress oEmbed Gutenberg Display

Das ist es!

Steuern Sie die Größe eingebetteter Objekte

Hier ist ein zusätzlicher Tipp, der es wert ist, beachtet zu werden. WordPress verlässt sich auf a Einstellung der Inhaltsbreite um zu steuern, wie breit ein eingebettetes Objekt sein soll. Einige WordPress-Themes haben dieses Set bereits und es wird der Breite des angezeigten Inhalts entsprechen.

Wenn Sie ein Thema 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 dies sicher in die Datei function.php Ihres Themes einfügen.

WordPress empfiehlt auch, Ihrem Theme ein wenig CSS hinzuzufügen:

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

Im Grunde überprüft dies, ob die Breite eingestellt wurde, und wenn nicht, setzt sie sie auf 550 (Pixel). Ändern Sie einfach die Nummer auf das, was in Ihrer Situation funktioniert.

Basierend auf diesem Wert verwendet WordPress dies als Breite für alle oEmbeds, die es jetzt sieht. Es ist clever genug, die Höhe anhand der von Ihnen angegebenen Breite zu berechnen, sodass Sie sich keine Gedanken über eine Höheneinstellung machen müssen.


oEmbed ist eine großartige Funktionalität und eine, die ich die ganze Zeit verwende. Es ist brillant für Endbenutzer von WordPress, kein Durcheinander mit komplizierten Plugins und Einstellungen mehr, einfach die URL des Mediums in die Seite einfügen und fertig!

Probieren Sie es jetzt in Ihrer WordPress-Site aus!

Verwandter Beitrag

Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)

So fügen Sie eine SEO-Editor-Rolle in WordPress hinzu

So fügen Sie eine passwortlose Anmeldung in WordPress mit Magic Links hinzu

Fast Charge: Das Teleobjektiv des Xiaomi 13 Pro hat mich umgehauen

So verhindern Sie, dass WordPress die .htaccess-Datei überschreibt

MARKIERTE: Alles, einbetten, Fast, oEmbed, WordPress
ThemeLocal November 17, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel Über 10 WordPress-Plugins für Ihre LearnDash-Website
Nächster Artikel So hosten Sie einen Podcast mit WordPress mit PowerPress
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Berühmter Post

So löschen Sie eine Playlist von Ihrem iPhone
Wie man
So beenden Sie den Ruhezustand Ihres Mac, wenn das Display ausgeschaltet ist
Wie man
So erstellen Sie ein GIF in Photoshop
Wie man
App Store funktioniert nicht? So beheben Sie häufige Probleme im App Store (2023)
Wie man
So löschen Sie Bücher von der Kindle-App oder dem Kindle-Gerät
Wie man
Bewertung: Der 5C NFC YubiKey von Yubico funktioniert gut mit Apples Sicherheitsschlüsselfunktion
Technische Bewertungen

También podría gustarte

Showcase

Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)

vor 4 Tagen 12 Minuten Mindestlesezeit
Tutorials

So fügen Sie eine SEO-Editor-Rolle in WordPress hinzu

vor 1 Woche 6 Minuten Mindestlesezeit
Plugins

So fügen Sie eine passwortlose Anmeldung in WordPress mit Magic Links hinzu

vor 1 Woche 8 Minuten Mindestlesezeit
Technische Bewertungen

Fast Charge: Das Teleobjektiv des Xiaomi 13 Pro hat mich umgehauen

vor 2 Wochen 5 Minuten Mindestlesezeit
Tutorials

So verhindern Sie, dass WordPress die .htaccess-Datei überschreibt

vor 3 Wochen 10 Minuten Mindestlesezeit
Technische Bewertungen

Fast Charge: 2023 wird ein großes Jahr für die mobile Fotografie

vor 3 Wochen 5 Minuten Mindestlesezeit
Technische Bewertungen

Erste Eindrücke: Xiaomi 13 Erste Eindrücke: Lässt den Pro-Test fast vergessen

vor 3 Wochen 11 Minuten Mindestlesezeit
Technische Bewertungen

Fast Charge: Die Lecks im iPhone 15 machen mir Sorgen

vor 4 Wochen 4 Minuten Mindestlesezeit
Zeig mehr
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns

© 2022 Themelocal. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?