{"id":766,"date":"2019-12-20T01:39:44","date_gmt":"2019-12-20T00:39:44","guid":{"rendered":"https:\/\/www.mightypress.de\/?p=766"},"modified":"2021-06-13T19:47:11","modified_gmt":"2021-06-13T19:47:11","slug":"wordpress-iframe-einbinden","status":"publish","type":"post","link":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/","title":{"rendered":"WordPress iFrame einbinden – Manuell und per Plugin"},"content":{"rendered":"

F\u00fcr manche Leute sind iFrames ja mehr ein Relikt aus einer l\u00e4ngst vergangenen Zeit. Und trotzdem gibt es sie noch und (wie ich finde) nicht ohne Grund. Wie du in WordPress iFrames einbinden kannst, zeige ich dir in diesem kurzen Tutorial.<\/p>

Was ist ein iFrame?<\/h2>

F\u00fcr alle, die mit dem Begriff iFrame nichts anfangen k\u00f6nnen, erkl\u00e4re ich das mal so kurz wie m\u00f6glich.<\/p>

Das Wort iFrame ist ein K\u00fcrzel f\u00fcr den Begriff \u201eInline Frames\u201c. iFrames sind Codes, die es dir erlauben, Inhalte von einer ganz anderen Website auf deiner eigenen Website darzustellen.<\/p>

Du setzt also den Codeschnipsel in einen eigenen Beitrag ein und legst fest, was von einer anderen Website (die nicht deine eigene sein muss) in deine Website \u201egezogen\u201c werden soll. Das Prinzip ist nahezu identisch mit den heutigen Einbetten von Inhalten, das du wahrscheinlich von eingebetteten YouTube Videos oder Instagram Posts kennst.<\/p>

Wann braucht man iFrames?<\/h2>

F\u00fcr iFrames gibt es eine ganze Reihe von Anwendungsf\u00e4llen, auch wenn Technologien wie AJAX das Prinzip ein wenig \u00fcberholt haben. Einer der h\u00e4ufigsten ist sicherlich das Einblenden von Werbung auf einer Website, um diese zu monetarisieren.<\/p>

Manchmal geht es aber auch um die Umsetzung von nicht ganz allt\u00e4glichen Kundenw\u00fcnschen, die einfach mit einem iFrame erf\u00fcllt werden k\u00f6nnen.<\/p>

Ich hatte neulich in unserer Agentur einen Fall, in dem wir ohne iFrame gar nicht weitergekommen w\u00e4ren. Und zwar mussten B\u00f6rsenkurse f\u00fcr eine ganz bestimmte Aktie von der B\u00f6rse Frankfurt in Echtzeit in einer WordPress Seite eingebunden werden.<\/p>

Da die B\u00f6rse Frankfurt keine andere Anbindung, z. B. \u00fcber eine so genannte API, anbietet, mussten wir das Ganze als iFrame in WordPress einbinden. Ein super L\u00f6sung, die perfekt funktioniert und den Kunden happy gemacht hat.<\/p>

So kannst du in WordPress iFrames einbinden mit Bordmitteln<\/h2>

Zun\u00e4chst brauchen wir zum Einbinden eines iFrames mehrere Angaben, die wir gleich zu einem Codeschnipsel verschmelzen werden:<\/p>

  1. Die URL der Quelle f\u00fcr die Inhalte des iFrames.<\/li>
  2. Die H\u00f6he mit der der iFrame dargestellt werden soll.<\/li>
  3. Die Weite des iFrames.<\/li>
  4. Einen Namen f\u00fcr das Fenster des iFrames.<\/li><\/ol>

    Fr\u00fcher hat man f\u00fcr die H\u00f6he und die Weite des iFrames immer exakte Pixelangaben genommen. Da Websites aber mittlerweile responsive sind, w\u00fcrden diese pixelgenauen iFrames auf verschiedenen Ger\u00e4ten unterschiedlich dargestellt. Zum Beispiel abgeschnitten oder mit einer unsch\u00f6nen Scrollleiste.<\/p>

    Um dies zu vermeiden, nutzt man heute keine Pixel mehr, sondern Prozentangaben. Wenn ein iFrame eine Weite von z. B. 80% haben soll, nimmt er eben 80% des Bildschirms auf dem Desktop-Rechner ein und ebenso 80% auf dem Smartphone Display.<\/p>

    Die Weite passt sich also automatisch dem Bildschirm an. Aber zur\u00fcck zu unserem Codeschnipsel.<\/p>

    Mit all diesen Angaben k\u00f6nnen wir jetzt schon unseren iFrame bauen:<\/p>

    <iframe src=\"wpfellows.com\" width=\"80%\" height=\"20%\"><\/iframe><\/code><\/pre>

    Damit kannst du in WordPress einen iFrame einbinden, der eine Weite von 80% und eine H\u00f6he von 20% hat. Die Inhalte werden in diesem Fall von einer sehr empfehlenswerten Website \u00fcber WordPress gezogen \ud83d\ude09<\/p>

    Es gibt \u00fcbrigens noch eine ganze Reihe von zus\u00e4tzlichen Funktionen, die du in deinen iFrame einbauen kannst. Also so genannte Attribute.<\/p>

    Wenn du mehr dar\u00fcber erfahren m\u00f6chtest, empfehle ich dir den Mozilla Web Docs Artikel<\/a> zum Thema iFrames.<\/p>

    Wichtig:
    <\/strong>\u00dcber iFrames k\u00f6nnen \u00fcbrigens nur Inhalte eingebunden werden, die mit dem selben Hypertext Protokoll ausgeliefert werden, wie deine Website. <\/p>\n\n

    Wenn deine Website \u00fcber https ausgeliefert wird, muss die iFrame Quelle auch \u00fcber https ausgeliefert werden. Hat die Quelle nur http (also kein Sicherheitszertifikat), dann muss deine Website auch nur \u00fcber http laufen.<\/p><\/div><\/div>

    So werden in WordPress iFrames mit einem Plugin eingebunden<\/h2>
    \"WordPress<\/figure>

    Wenn dir das alles zu kompliziert ist und du lieber ein Plugin f\u00fcr diesen Job nutzen m\u00f6chtest, empfehle ich dir das Plugin iFrame<\/a> von webvitaly.<\/p>

    Das Prinzip des Plugins funktioniert fast so wie das manuelle Erstellen eines iFrames, dass ich dir oben beschrieben habe.<\/p>

    In diesem Fall erstellt das Plugin aber einen Shortcode, der den <iframe> HTML-Tag ersetzt und etwas anders einbindet.<\/p>

    Das Plugin macht die ganze Geschichte ein wenig einfacher. Ich bin mir aber sicher, dass du das locker auch mit der Beschreibung oben manuell hinbekommst.<\/p>

    Die bestehenden iFrame M\u00f6glichkeiten von WordPress nutzen<\/h2>

    Seit einiger Zeit schon hilft dir WordPress vollautomatisch beim Einbinden von Inhalten von bestimmten Plattformen. Dazu geh\u00f6ren unter anderem:<\/p>

    • YouTube<\/li>
    • Vimeo<\/li>
    • SlideShare<\/li>
    • Soundcloud<\/li>
    • Facebook<\/li>
    • Google Maps<\/li>
    • Twitter<\/li><\/ul>

      Dazu wurde ein Shortcode in den WordPress Kern aufgenommen, der sich Embed<\/strong> nennt. Mit Embed<\/strong> kannst du Inhalte von den oben genannten Plattformen super einfach einbinden. Du brauchst n\u00e4mlich nur ihre URL:<\/p>

      [embed]https:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ[\/embed]<\/code><\/pre>

      Sobald du die URL (in diesem Beispiel ein YouTube Video) zwischen die beiden Embed-Tags schreibst, merkt WordPress sofort, dass du den Inhalt in deiner Seite einbetten m\u00f6chtest und generiert dir deinen iFrame. Praktisch oder?<\/p>

      Probier den Code oben in deiner WordPress Seite mal aus. Rein musikalisch d\u00fcrfte sich das lohnen \ud83d\ude09<\/p>

      Einbetten mit dem Gutenberg Editor<\/h3>

      Mit Einf\u00fchrung des Gutenberg Editors in WordPress ist das Ganze sogar noch einfacher geworden. <\/p>

      Gehst du in deinem Editor oben links auf das Plus-Zeichen, findest du einen eigenen Abschnitt namens \u201eEinbetten\u201c. Dort sind schon extrem viele Plattformen als Bl\u00f6cke hinterlegt, die du auf einfache Weise nutzen kannst.<\/p>

      \"WordPress<\/figure><\/div>

      Einfach den gew\u00fcnschten Block in deinen Beitrag einf\u00fcgen, die URL zum Quellinhalt reinwerfen und fertig.<\/p>

      \"iFrames<\/figure>

      Sind iFrames unsicher?<\/h2>

      N\u00f6! Das ist eine Halbwahrheit, die sich best\u00e4ndig h\u00e4lt. <\/p>

      Selbst in Entwicklerkreisen. <\/p>

      Das liegt daran, dass \u201edie b\u00f6sen Jungs\u201c in der Vergangenheit oft Skripte und sch\u00e4dlichen Code in iFrames gepackt und auf Websites platziert haben. Wenn du selbst einen iFrame auf deiner WordPress Website einbinden m\u00f6chtest, solltest du darauf achten, dass die Quelle vertrauensw\u00fcrdig ist. Ist sie das, kann auch deiner Website und deinen Besuchern nichts passieren.<\/p>

      Fazit<\/h2>

      iFrames einzubinden ist wirklich keine gro\u00dfe Sache. Nat\u00fcrlich nur, wenn man wei\u00df wie es geht \ud83d\ude09 Wenn du diesen Artikel gefunden hast, weil du bei der Einbindung stecken geblieben bist, hoffe ich, dass ich dir helfen konnte.<\/p>","protected":false},"excerpt":{"rendered":"

      In WordPress iFrames einzubinden geht eigentlich ganz einfach. Ich zeige dir in diesem Artikel, wie du das mit Bordmitteln erledigen kannst. Alternativ zeige ich dir ein Plugin f\u00fcr das schnelle einbetten.<\/p>\n","protected":false},"author":1,"featured_media":2769,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"limit_modified_date":"1","last_modified_date":"2021-06-13T19:47:11","inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-766","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"yoast_head":"\nWordPress iFrame einbinden - Manuell & per Plugin - WPFellows<\/title>\n<meta name=\"description\" content=\"In WordPress iFrames einbinden geht eigentlich ganz einfach. Hier liest du, wie es manuell mit Bordmitteln oder auch mit einem Plugin geht. Einfach erkl\u00e4rt!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress iFrame einbinden - Manuell und per Plugin - WPFellows\" \/>\n<meta property=\"og:description\" content=\"In WordPress iFrames einbinden geht eigentlich ganz einfach. Hier liest du, wie es manuell mit Bordmitteln oder auch mit einem Plugin geht. Einfach erkl\u00e4rt!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/\" \/>\n<meta property=\"og:site_name\" content=\"WPFellows\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/heikoschneider\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-20T00:39:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-13T19:47:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Heiko Schneider\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/heikoschneider\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Heiko Schneider\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/\"},\"author\":{\"name\":\"Heiko Schneider\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b\"},\"headline\":\"WordPress iFrame einbinden – Manuell und per Plugin\",\"datePublished\":\"2019-12-20T00:39:44+00:00\",\"dateModified\":\"2021-06-13T19:47:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/\"},\"wordCount\":1012,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg\",\"articleSection\":[\"Wordpress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/\",\"url\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/\",\"name\":\"WordPress iFrame einbinden - Manuell & per Plugin - WPFellows\",\"isPartOf\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg\",\"datePublished\":\"2019-12-20T00:39:44+00:00\",\"dateModified\":\"2021-06-13T19:47:11+00:00\",\"description\":\"In WordPress iFrames einbinden geht eigentlich ganz einfach. Hier liest du, wie es manuell mit Bordmitteln oder auch mit einem Plugin geht. Einfach erkl\u00e4rt!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage\",\"url\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg\",\"contentUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg\",\"width\":1200,\"height\":675,\"caption\":\"WordPress iFrames einbinden\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpfellows.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress iFrame einbinden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpfellows.com\/de\/#website\",\"url\":\"https:\/\/wpfellows.com\/de\/\",\"name\":\"WPFellows\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpfellows.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wpfellows.com\/de\/#organization\",\"name\":\"WPFellows\",\"url\":\"https:\/\/wpfellows.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg\",\"contentUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg\",\"width\":100,\"height\":100,\"caption\":\"WPFellows\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b\",\"name\":\"Heiko Schneider\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g\",\"caption\":\"Heiko Schneider\"},\"description\":\"Hej, ich bin Heiko. Mitbegr\u00fcnder der WPFellows und seit \u00fcber 15 Jahren professioneller WordPress Entwickler und Trainer. Mehr \u00fcber Heiko erfahren.\",\"sameAs\":[\"https:\/\/www.wpfellows.com\",\"https:\/\/www.facebook.com\/heikoschneider\",\"https:\/\/x.com\/https:\/\/twitter.com\/heikoschneider\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress iFrame einbinden - Manuell & per Plugin - WPFellows","description":"In WordPress iFrames einbinden geht eigentlich ganz einfach. Hier liest du, wie es manuell mit Bordmitteln oder auch mit einem Plugin geht. Einfach erkl\u00e4rt!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/","og_locale":"de_DE","og_type":"article","og_title":"WordPress iFrame einbinden - Manuell und per Plugin - WPFellows","og_description":"In WordPress iFrames einbinden geht eigentlich ganz einfach. Hier liest du, wie es manuell mit Bordmitteln oder auch mit einem Plugin geht. Einfach erkl\u00e4rt!","og_url":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/","og_site_name":"WPFellows","article_author":"https:\/\/www.facebook.com\/heikoschneider","article_published_time":"2019-12-20T00:39:44+00:00","article_modified_time":"2021-06-13T19:47:11+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg","type":"image\/jpeg"}],"author":"Heiko Schneider","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/heikoschneider","twitter_misc":{"Verfasst von":"Heiko Schneider","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#article","isPartOf":{"@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/"},"author":{"name":"Heiko Schneider","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b"},"headline":"WordPress iFrame einbinden – Manuell und per Plugin","datePublished":"2019-12-20T00:39:44+00:00","dateModified":"2021-06-13T19:47:11+00:00","mainEntityOfPage":{"@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/"},"wordCount":1012,"commentCount":2,"publisher":{"@id":"https:\/\/wpfellows.com\/de\/#organization"},"image":{"@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage"},"thumbnailUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg","articleSection":["Wordpress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/","url":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/","name":"WordPress iFrame einbinden - Manuell & per Plugin - WPFellows","isPartOf":{"@id":"https:\/\/wpfellows.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage"},"image":{"@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage"},"thumbnailUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg","datePublished":"2019-12-20T00:39:44+00:00","dateModified":"2021-06-13T19:47:11+00:00","description":"In WordPress iFrames einbinden geht eigentlich ganz einfach. Hier liest du, wie es manuell mit Bordmitteln oder auch mit einem Plugin geht. Einfach erkl\u00e4rt!","breadcrumb":{"@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#primaryimage","url":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg","contentUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/wordpress-iframes-einbinden.jpeg","width":1200,"height":675,"caption":"WordPress iFrames einbinden"},{"@type":"BreadcrumbList","@id":"https:\/\/wpfellows.com\/de\/wordpress-iframe-einbinden\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpfellows.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress iFrame einbinden"}]},{"@type":"WebSite","@id":"https:\/\/wpfellows.com\/de\/#website","url":"https:\/\/wpfellows.com\/de\/","name":"WPFellows","description":"","publisher":{"@id":"https:\/\/wpfellows.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpfellows.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/wpfellows.com\/de\/#organization","name":"WPFellows","url":"https:\/\/wpfellows.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg","contentUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg","width":100,"height":100,"caption":"WPFellows"},"image":{"@id":"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b","name":"Heiko Schneider","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g","caption":"Heiko Schneider"},"description":"Hej, ich bin Heiko. Mitbegr\u00fcnder der WPFellows und seit \u00fcber 15 Jahren professioneller WordPress Entwickler und Trainer. Mehr \u00fcber Heiko erfahren.","sameAs":["https:\/\/www.wpfellows.com","https:\/\/www.facebook.com\/heikoschneider","https:\/\/x.com\/https:\/\/twitter.com\/heikoschneider"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/posts\/766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/comments?post=766"}],"version-history":[{"count":0,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/posts\/766\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/media\/2769"}],"wp:attachment":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/media?parent=766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/categories?post=766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/tags?post=766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}