iFrames einfach in WordPress einbinden

IFRAME EINBINDEN in WORDPRESS

Anhand einer Amazon Anzeige soll das Einbinden eines iFrames dargestellt werden.

Die meisten User arbeiten im Visuellen Modus des Post Editors. Um jedoch einen HMTL Code einbinden zu können ist es notwendig in den  Text Modus zu wechseln.

Nach dem Wechsel in den Text Modus, die Stelle im Text wählen, an der das iFrame eingefügt werden soll. Danach ist der Code im Artikel eingebunden

Beispiel einer Amazon Buch Anzeige ( Text + Grafik kombiniert):

<iframe style=”width:120px;height:240px;” marginwidth=”0″ marginheight=”0″ scrolling=”no” frameborder=”0″ src=”//ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=DE&source=ac&ref=qf_sp_asin_til&ad_type=product_link&tracking_id=hillinfor-21&marketplace=amazon®ion=DE&placement=3864901618&asins=3864901618&linkId=&show_border=true&link_opens_in_new_window=true”>
</iframe>

Allerdings fließt der Blogtext so nicht um den Artikel herum, sondern es entsteht ein Absatz, der den Lesefluss stört. Dieses Problem löst man, in dem manuell die Option align=”left” oder align=”right” einfügt. Am Besten gleich hinter den Abstandsbezeichnungen marginwidth und marginheight. Der Html Text sind dann wie folgt aus:

<iframe style=”width:120px;height:240px;” marginwidth=”0″ marginheight=”0″ align=”right” scrolling=”no” frameborder=”0″ src=”//ws-eu.amazon-adsystem.com/widgets/q? ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=DE&source=ac&ref=qf_sp_asin_til&ad_type=product_link&tracking_id=hillinfor-21&marketplace=amazon®ion=DE&placement=3864901618&asins=3864901618&linkId=&show_border=true&link_opens_in_new_window=true”>
</iframe>

Damit fließt der Blogtext um die Anzeige herum und der Lesefluss wird nicht unterbrochen.

Aktuelle Bestseller zum Thema “Wordpress”:

Bestseller Nr. 1

WordPress 5: Das umfassende Handbuch. Vom Einstieg bis zu fortgeschrittenen Themen: WordPress-Themes, Plug-ins, SEO, Sicherheit u.v.m.

• Eisenmenger, Richard (Autor)

39,90 EUR

Bei Amazon kaufen

Bestseller Nr. 2

Einstieg in WordPress 5: So erstellen Sie WordPress-Websites. Über 500 Seiten Praxis, mit zahlreichen Abbildungen und Schrittanleitungen

• Müller, Peter (Autor)

24,90 EUR

Bei Amazon kaufen

Bestseller Nr. 3

WordPress: 5 für Einsteiger: Der leichte Weg zum WordPress-Experten

• Canali, Thomas (Autor)

4,99 EUR

Bei Amazon kaufen

Bestseller Nr. 4

Die 5-Seiten-Homepage mit WordPress 5: "Ich will kein Blog - Ich will eine Website!"

• Best, Maria (Autor)

9,95 EUR

Bei Amazon kaufen

Bestseller Nr. 5

WordPress für Dummies

• Sabin-Wilson, Lisa (Autor)

22,00 EUR

Bei Amazon kaufen

Bestseller Nr. 6

WordPress 5 - Das Praxisbuch: Für Einsteiger und Fortgeschrittene: installieren, konfigurieren inkl. WordPress-Themes, Backup, Templates, SEO, Analytics,

• Uwe Kraus (Autor)

24,95 EUR

Bei Amazon kaufen

Bestseller Nr. 7

WordPress QuickLook

• This app is a faster version to check your WordPress or to check your other WordPress account.
• This is not the official app for Facebook, but it's a light alternative.

Bei Amazon kaufen

Bestseller Nr. 8

Erfolgreich mit WordPress - Band 1: TECHNIK EDITION: SEO 2021 & technische Umsetzung

• Woggon, Nathanael-Osirius (Autor)

12,95 EUR

Bei Amazon kaufen

Bestseller Nr. 9

WordPress für Einsteiger: Eine visuelle Schritt für Schritt-Anleitung zum sicheren Umgang von WordPress

• Shams, Nami (Autor)

21,86 EUR

Bei Amazon kaufen

Bestseller Nr. 10

WordPress: Ladezeitoptimierung: Der leichte Weg zu schnellen Webseiten

• Knoden, Daniel (Autor)

13,90 EUR

Bei Amazon kaufen

Letzte Aktualisierung am 18.09.2021 / Affiliate Links / Bilder von der Amazon Product Advertising API

Die Darstellung der Produkte wurde mit dem Plugin AAWP umgesetzt.