iFrames einfach in WordPress einbinden

Quelle: valentint
iFrames in WordPress einbinden ist im Prinzip sehr einfach Dazu gibt es auch zahlreiche Tipps und Tricks im Internet, die leider oft sehr technisch bzw. kryptisch sind. iFrames sind HTML Elemente, die in Ihre Webseite eingebunden werden. Beliebte Beispiele sind bspw. Anzeigen von Amazon
 

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.

Editor

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. - Ausgabe 2019
  • Richard Eisenmenger
  • Herausgeber: Rheinwerk Computing
  • Auflage Nr. 1 (24.06.2019)
  • Gebundene Ausgabe: 1076 Seiten
Bestseller Nr. 2
Einstieg in WordPress 5: Mit Peter Müller erstellen Sie Ihre eigene WordPress-Website. Inkl. WordPress Plug-ins
  • Peter Müller
  • Herausgeber: Rheinwerk Computing
  • Auflage Nr. 3 (24.06.2019)
  • Broschiert: 527 Seiten
Bestseller Nr. 3
WordPress 5.0 Praxishandbuch: Step-by-Step Anleitungen für Einsteiger
  • Isabella Krystynek
  • Kindle Ausgabe
  • Auflage Nr. 1 (20.04.2019)
  • Deutsch
Bestseller Nr. 4
Bestseller Nr. 5
WordPress Alles-in-einem-Band für Dummies
  • Lisa Sabin-Wilson
  • Herausgeber: Wiley-VCH
  • Auflage Nr. 1 (04.10.2017)
  • Taschenbuch: 702 Seiten
Bestseller Nr. 6
WordPress für Dummies
  • Lisa Sabin-Wilson
  • Herausgeber: Wiley-VCH
  • Auflage Nr. 2 (12.10.2016)
  • Taschenbuch: 371 Seiten
Bestseller Nr. 7
Einstieg in WordPress 4: Mit Peter Müller erstellen Sie Ihre eigene Website. Inkl. Einsatz von WordPress-Plug-ins.
  • Peter Müller
  • Herausgeber: Rheinwerk Computing
  • Auflage Nr. 2 (27.06.2016)
  • Broschiert: 492 Seiten
Bestseller Nr. 8
WordPress
  • Manage your current WordPress blogs or create new ones
  • Create and edit posts from your mobile device
  • Upload media from your device library or capture video or a picture and upload it to your blog
  • Receive comment notifications and moderate multiple comments at a time
  • Keep track of your site statistics
Bestseller Nr. 10
Onlineshops mit WordPress - das große Praxishandbuch: Alles, was Sie fur ein erfolgreiches Start-up wissen mussen
  • Bernd Schmitt
  • Herausgeber: Franzis Verlag GmbH
  • Auflage Nr. 1 (26.09.2016)
  • Taschenbuch: 640 Seiten

 

 

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

Die Darstellung der Produkte wurde mit dem Plugin AAWP umgesetzt.

Advertisements
Avatar
Über Dirk Hill

Dirk Hill - Banker, Traveller, Blogger und Foodie. Mich begeistern alle Themen rund um Bank, Börse, Wirtschaft und dem Internet. Ein besonderes Anliegen ist mir die aktive Unterstützung der Lions Organisation weltweit und die des Lions Clubs in Dietzenbach.