So betten Sie iFrame-Code in WordPress ein

Hinweis: Der folgende Artikel hilft Ihnen dabei: So betten Sie iFrame-Code in WordPress ein

So betten Sie iFrame-Code in WordPress ein

Müssen Sie einen iFrame in Ihre WordPress-Site einbetten? Erfahren Sie in diesem ausführlichen Tutorial, wie Sie iFrames auf Ihrer WordPress-Site verwenden. Im Folgenden behandeln wir die Grundlagen eines Iframes und wie Sie Iframe-Code in WordPress einbetten können.

Lesen Sie weiter, um zu erfahren:

  • Was sind iFrames und wie funktionieren sie?
  • iFrame vs. Embed
  • Verwenden von iFrames mit WordPress

Was sind iFrames?

Ein Inline-Frame, auch iFrame genannt, ermöglicht die Einbettung einer Webseite in eine andere Webseite. Dies kann beispielsweise hilfreich sein, wenn Sie auf Ihrer WordPress-Website eine Karte der physischen Adresse Ihrer Organisation (z. B. einer Ladenfront) anzeigen. Kartentools stellen üblicherweise Einbettungscode wie einen iFrame bereit, um eine Karte als Teil einer Seite auf Ihrer Website anzuzeigen.

Beliebt ist der Einsatz eines iFrames auch beim Hinzufügen eingebetteter YouTube-Videos auf Ihrer Website. Wenn Sie unter einem Video auf YouTube auf die Schaltfläche „Teilen“ klicken, gibt es neben den typischen sozialen Netzwerkplattformen auch die Option „Einbetten“, die Sie auf einer WordPress-Seite oder einem WordPress-Beitrag verwenden können.

Kann ich iFrames in WordPress verwenden?

Ja, WordPress iFrames werden unterstützt als Mittel zum Einbetten von Inhalten in einen Beitrag oder eine Seite Ihrer Website. Beim Hinzufügen externer Inhalte zu Ihrer Website sind mehrere Optionen zu berücksichtigen, wobei ein iFrame eine beliebte Option ist, die von WordPress unterstützt wird.

Was ist der Unterschied zwischen iFrame und Embed?

Während iFrames eine Technologie zum Einbetten von Inhalten in Ihre Website sind, bietet WordPress auch eine Funktion, die einfach als „ Einbettendas für gängige Inhaltsquellen wie YouTube konfiguriert ist.

Lesen:  Vorteile der Implementierung von Indoor Mapping für Ihr Unternehmen

Das heißt, vielleicht möchten Sie Folgendes in Betracht ziehen: „einbetten”-Funktion des WordPress-Blockeditors, die unterstützt Viele Websites und Dienste sofort einsatzbereitbevor Sie direkt zu einem iFrame greifen.

So verwenden Sie iFrames mit WordPress

Blockeditor

Während der WordPress-Blockeditor keinen Standardblock zum Hinzufügen von iFrames hat, gibt es eine Reihe von Plugins, die das Hinzufügen von iFrames zu Ihren WordPress-Beiträgen und/oder -Seiten unterstützen. Die Verwendung eines Blocks wäre die bevorzugte Methode zum Hinzufügen eines iFrames zur Seite.

Wenn Sie auf Ihrer WordPress-Site noch kein Plugin mit einem iFrame-Block installiert haben, können Blöcke direkt im Blockeditor gesucht und installiert werden. Alternativ können Sie das Plugin über das WordPress-Admin-Dashboard installieren und dann zur Bearbeitung Ihrer Seite/Ihres Beitrags zurückkehren.

Shortcode

Wenn Ihre Website den klassischen Editor und nicht den neueren Blockeditor verwendet, können Sie iFrames zu Ihren Seiten und Beiträgen hinzufügen, indem Sie einen Shortcode verwenden, der von einer Reihe von Plugins bereitgestellt wird. Ähnlich wie beim oben erwähnten iFrame-Block kann ein Shortcode verwendet werden, um einen iFrame zu Ihrer Website hinzuzufügen.

Einbettungscode (HTML)

Manchmal ist der Einbettungscode einer Website nicht so einfach wie eine URL. In einem solchen Fall kann der Einbettungscode mithilfe des HTML-Blocks zu einer WordPress-Seite hinzugefügt werden. Wenn dies erforderlich ist, stellt die Website oder der Dienst den Einbettungscode bereit, der kopiert und auf der Seite eingefügt werden kann. In WordPress würde dies entweder den benutzerdefinierten HTML-Block im Blockeditor oder die HTML-Registerkarte des klassischen Editors verwenden.

All-in-One-WordPress-Lösungen

Versorgen Sie Ihre Website mit dem branchenweit am besten optimierten WordPress-Hosting

Einschränkungen von iFrames

Beachten Sie, dass nicht alle Webseiten eingebettet werden können. Einige Websites verhindern ausdrücklich, dass sie in eine andere Seite eingebettet werden.

Lesen:  So erstellen und verwalten Sie SVG-Sprites

Überprüfen Sie in diesem Fall, ob die Website oder der Dienst über eine alternative Methode verfügt, die zum Einbetten des Inhalts empfohlen wird.

Häufig gestellte Fragen zu WordPress iFrame

Was ist iFrame-Code?

iFrame steht für Inline-Frame. Beim iFrame-Code handelt es sich um HTML, das ein Element wie ein Video, Anzeigen oder interaktive Inhalte in Ihre Seite einbettet. Durch die Verwendung von iFrame-Code auf Ihrer Website können Sie im Wesentlichen Inhalte von einer anderen Website auf Ihrer Seite präsentieren.

Funktioniert iFrame in WordPress?

Ja, iFrame funktioniert in WordPress. Um iFrame zu WordPress hinzuzufügen, können Sie verschiedene Methoden verwenden, z. B. Einbettungsblöcke, HTML, Shortcode oder Plugins. Kopieren Sie einfach den Einbettungscode und fügen Sie ihn in eines dieser Elemente ein, um iFrame zu Ihrer WordPress-Website hinzuzufügen.

Wie erstelle ich einen iFrame-Einbettungscode in WordPress?

Es ist einfach, einen iFrame-Einbettungscode in WordPress zu erstellen. Fügen Sie einfach einen HTML-Block zu Ihrer WordPress-Seite hinzu und fügen Sie dann den iFrame-Code ein, der beispielsweise aus einem YouTube-Video oder einer Karte stammen kann. Zeigen Sie dann eine Vorschau Ihrer Änderungen an, um den auf Ihrer Seite eingebetteten iFrame zu sehen.

Wie erhalte ich einen iFrame-Einbettungscode?

Der iFrame-Code stammt normalerweise von einem Drittanbieter, beispielsweise YouTube oder einem Widget. Um einen iFrame-Einbettungscode auf Ihrer Website zu erhalten, führen Sie die folgenden Schritte aus:

1. Fügen Sie Ihrer Seite einen HTML-Block hinzu.

2. Fügen Sie Ihren Einbettungscode ein.

3. Speichern und veröffentlichen Sie Ihre Änderungen.

Wie bette ich Code in WordPress ein?

Es ist einfach, Code in WordPress einzubetten. Mithilfe des Blockeditors können Sie Code für Videos, Tweets, Bilder und mehr einbetten. Fügen Sie einfach die URL in einen Einbettungsblock ein. Sie können auch das Code Embed-Plugin oder einen HTML-Block auf Ihrer Website verwenden.

Jetzt wissen Sie

Jetzt sollten Sie mit den Grundlagen von iFrames und der Einbettung von iFrame-Code in WordPress sowie einigen alternativen Optionen vertraut sein, die Sie je nach Quelle des eingebetteten Inhalts in Betracht ziehen sollten.

Lesen:  Entfesseln Sie die Schönheit der Natur: Outdoor-Vorhänge für stilvolle und private Wohnbereiche im Freien

Hostinger macht WordPress besser

WordPress ist großartig, aber Sie brauchen auch einen großartigen Host. Hier kommt Hostinger ins Spiel.

Vollständig verwaltetes WordPress-Hosting von Hostinger holt das Beste aus Ihrer Website heraus. Mit Hostinger können Sie:

  • Erhalten Sie Premium-Tools zu Ihrer Verfügung.
  • Bleiben Sie sicher mit Solider Sicherheitsprofi.
  • Schnelles Laden mit integrierter Bildkomprimierung, erweitertem Caching und CDN.

Und für den Fall, dass etwas schief geht, sind die WordPress-Experten von Hostinger rund um die Uhr für Sie da.

Schauen Sie sich unsere vollständig verwalteten WordPress-Hosting-Pläne an, um noch heute loszulegen.

Aktuelle Artikel:

Empfohlen