iFrames einfach in WordPress einbinden
Quelle: valentint
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”:
- Richard Eisenmenger
- Herausgeber: Rheinwerk Computing
- Auflage Nr. 1 (24.06.2019)
- Gebundene Ausgabe: 1076 Seiten
- Isabella Krystynek
- Herausgeber: Independently published
- Taschenbuch: 166 Seiten
- Peter Müller
- Herausgeber: Rheinwerk Computing
- Auflage Nr. 3 (24.06.2019)
- Broschiert: 527 Seiten
- Lisa Sabin-Wilson
- Herausgeber: Wiley-VCH
- Auflage Nr. 1 (04.10.2017)
- Taschenbuch: 702 Seiten
- Uwe Kraus
- Herausgeber: Markt + Technik Verlag
- Taschenbuch: 448 Seiten
- Alexander Hetzel
- Herausgeber: Rheinwerk Computing
- Auflage Nr. 6 (30.01.2017)
- Gebundene Ausgabe: 939 Seiten
- Peter Müller
- Herausgeber: Rheinwerk Computing
- Auflage Nr. 2 (27.06.2016)
- Broschiert: 492 Seiten
- Isabella Krystynek
- Kindle Ausgabe
- Auflage Nr. 3 (03.11.2018)
- Deutsch
- Lisa Sabin-Wilson
- Herausgeber: Wiley-VCH
- Auflage Nr. 2 (12.10.2016)
- Taschenbuch: 371 Seiten
- 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
Letzte Aktualisierung am 26.06.2019 / Affiliate Links / Bilder von der Amazon Product Advertising API
Die Darstellung der Produkte wurde mit dem Plugin AAWP umgesetzt.
