{"id":19828,"date":"2019-09-15T13:27:24","date_gmt":"2019-09-15T13:27:24","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=19828"},"modified":"2020-05-25T08:06:26","modified_gmt":"2020-05-25T08:06:26","slug":"tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/","title":{"rendered":"Tutorial: Wie du eine SVG-Datei auf der Elementor-Seite anzeigen kannst"},"content":{"rendered":"<p>Eine Vielfalt von Ger\u00e4ten, Bildschirmgr\u00f6\u00dfen und -Aufl\u00f6sungen macht eine hohe Skalierbarkeit und Reaktionsf\u00e4higkeit zu einer unerl\u00e4sslichen Voraussetzung, um dem Online-Publikum ein optimales Nutzererlebnis bieten zu k\u00f6nnen. In Sachen Anpassbarkeit erweisen sich SVG-Bilder als besonders gut geeignet f\u00fcr Websites. Dieses Vektorgrafikformat steht f\u00fcr \"scalable vector graphics\" und wird f\u00fcr <a href=\"https:\/\/www.templatemonster.com\/de\/type\/illustrations\/\" target=\"_blank\">Illustrationen<\/a>, <a href=\"https:\/\/www.templatemonster.com\/de\/type\/logo-vorlagen\/?page=2\" target=\"_blank\">Logos<\/a>, <a href=\"https:\/\/www.templatemonster.com\/de\/type\/icon-sammlungen\/?page=2\" target=\"_blank\">Icons<\/a> u.a. verwendet. Du kannst SVG-Bilder in Grafikeditoren Illustrator, Sketch oder Inkscape erstellen und bearbeiten. Skalierbare Grafiken auf der Website bringen viele Vorteile mit sich:<\/p>\n<ul>\n<li><strong>Einfaches Editieren.<\/strong> Im Vergleich zu Rastergrafiken lassen sich die Position, Form, Gr\u00f6\u00dfe, Proportionen, Farben und andere Eigenschaften des Bildes viel einfacher \u00e4ndern.<\/li>\n<li><strong>Bilder eignen sich f\u00fcr hochaufl\u00f6sende Bildschirme mit hoher Pixeldichte.<\/strong> Die Pixel f\u00fcr die Darstellung passen sich automatisch an die erforderliche Pixelgr\u00f6\u00dfe an.<\/li>\n<li><strong>Schnelle Ladegeschwindigkeit.<\/strong> Designer sollten auch an die Ladegeschwindigkeit denken, denn je mehr Zeit die Anfragen zur Seitenanzeige in Anspruch nehmen, desto geringer ist die Conversion Rate eines Projekts.<\/li>\n<li><strong>SVG-Bilder lassen sich einfach anpassen.<\/strong> Wenn du vereinfachte Version deines Logos anzeigen m\u00f6chtest, ist das mit dem SVG-Format durch nur eine Serveranfrage m\u00f6glich.<\/li>\n<li><strong>Interaktivit\u00e4t.<\/strong> Es ist m\u00f6glich, Links, Skripte, interaktive Teile und Animationen in das Bild einzubinden.<\/li>\n<li><strong>SEO-Freundlichkeit.<\/strong> SVG-Bilder werden in XML-Textdateien definiert, so dass Keywords und Beschreibungen verwendet und von Suchmaschinen leichter erkannt werden k\u00f6nnen.<\/li>\n<li><strong>Browser\u00fcbergreifende Kompatibilit\u00e4t.<\/strong> SVGs werden in jedem Browser und auf jedem Device korrekt angezeigt,<\/li>\n<\/ul>\n<p>Vektorbasierte Grafiken lassen sich beliebig \u00e4ndern, ohne dass die Bildqualit\u00e4t beeintr\u00e4chtigt wird. Du kannst Bilder auf deiner WordPress-Website nutzen und auf eine gew\u00fcnschte Gr\u00f6\u00dfe ohne Qualit\u00e4tsverlust skalieren. Heute lernst du, wie du SVGs in Logos, Illustrationen, Diagramme usw. mit Hilfe vom Elementor-Page Builder und JetElements-Plugin einf\u00fcgen kannst.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to Add SVG Images on WordPress with Elementor and JetElements Add-on. TemplateMonster\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/HC-6hOXc_pU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Dazu brauchst du das Inline SVG-Widget, das im <a href=\"https:\/\/www.templatemonster.com\/de\/wordpress-plugins-69508.html\" target=\"_blank\">JetElements-Plugin<\/a> enthalten ist. Also, du sollst zuerst dieses leistungsstarkes Addon f\u00fcr Elementor installieren. Nachdem du damit fertig bist, gehe auf deine <a href=\"https:\/\/www.templatemonster.com\/de\/wordpress-elementor-themes\/\" target=\"_blank\">WordPress-Website mit Elementor <\/a>und folge dieser Schritt-f\u00fcr-Schritt Anleitung.<\/p>\n<p>1. Gib in die Suchzeile im Elements-Panel \u201cSVG\u201d ein.<\/p>\n<p>2. Zieh dann das Widget und leg es im neuen Abschnitt rechts ab.<\/p>\n<p>3. Links siehst du einfache Content-Einstellungen.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-19836 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/svg-content-1.png\" alt=\"\" width=\"245\" height=\"357\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/svg-content-1.png 245w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/svg-content-1-206x300.png 206w\" sizes=\"(max-width: 245px) 100vw, 245px\" \/><\/p>\n<p>4. Klick auf das leere Feld, um die SVG-Datei hinzuzuf\u00fcgen - lade sie einfach aus der ge\u00f6ffneten Medienbibliothek hoch.<\/p>\n<p>5. Um das Bild anklickbar zu machen, f\u00fcge die URL in das Feld unter SVG ein.<\/p>\n<p>6. Jetzt gehe auf den Style-Abschnitt. Hier kannst du eine benutzerdefinierte Breite und Skalierung des Bildes festlegen.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-19838 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/svg-style-section.jpg\" alt=\"\" width=\"276\" height=\"544\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/svg-style-section.jpg 276w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/svg-style-section-152x300.jpg 152w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/p>\n<p>7. Wenn du die Option Seitenverh\u00e4ltnis auf \"no\" setzt, kannst du die Breite und H\u00f6he manuell \u00e4ndern.<\/p>\n<p>8. M\u00f6chtest du das urspr\u00fcngliche Seitenverh\u00e4ltnis der SVG-Datei beibehalten, dann schalte diese Option einfach auf \"ja\" um. In diesem Fall \u00e4ndert sich die Bildgr\u00f6\u00dfe unter Beibehaltung der Proportionen.<\/p>\n<p>9. Die n\u00e4chste Option erm\u00f6glicht es dir, benutzerdefinierte Farben f\u00fcr dein Bild zu verwenden. Du sollst aber beachten, dass es auf den Typ deiner SVG-Datei und die Anzahl der verwendeten Farben ankommt.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-19841 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/svg-hover-color.png\" alt=\"\" width=\"227\" height=\"250\"><\/p>\n<p>10. Auf dem Screenshot oben siehst du allerdings, dass du eine Farbe auf das gesamte SVG-Bild anwenden kannst.<\/p>\n<p>11. Wenn in deinem Logo nur eine Farbe verwendet wird, kann diese Option f\u00fcr einen wirklich interessanten Effekt sorgen.<\/p>\n<p>12. Eine weitere Option, die du im Widget findest, ist Remove Inline CSS. Sie erlaubt dir, Inline-Stile in der hochgeladenen SVG-Datei zu l\u00f6schen.<\/p>\n<p>13. Au\u00dferdem kannst du in diesen Block die Ausrichtung einstellen: links, zentriert oder rechts.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to use Inline SVG widget in JetElements. Overview\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/pbtwXGEfO6o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3 style=\"text-align: center\">Fazit<\/h3>\n<p>Der Elementor Page-Builder ist ein ziemlich universelles Werkzeug, mit dem du auf der Website nahezu alles umsetzen kannst - von Blogbeitr\u00e4gen \u00fcber Animationen bis hin zur Darstellung von SVG-Bilddateien. Wenn du ein echter Fan von <a href=\"https:\/\/monsterone.com\/de\/elementor-templates\/?discount=BecomeThe1\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Elementor<\/a> bist, dann k\u00f6nnte dich dieses Angebot interessieren: Vor kurzem hat TemplateMonster ein brandneues Abo namens <a href=\"https:\/\/monsterone.com\/de\/?discount=BecomeThe1\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">ONE<\/a> an den Start gebracht. Das ist der erste Service, der eine komplette Produktpalette von Plugins und Erweiterungen bis hin zu Vorlagen und Grafiken umfasst. Eine gro\u00dfe Auswahl an Elementor Themes ist mit dabei. Die Nutzung dieser umfassenden Sammlung f\u00fcr Webdesigner kostet dich nur 19$ pro Monat. Der wichtigste ONE-Vorteil ist das, dass es dir frei steht, die ONE-Produkte f\u00fcr beliebig viele Projekte zu verwenden. Wer genauer wissen m\u00f6chte, was das Abo bietet, kann auf der ONE-Seite vorbeischauen. Als Leser des deutschen Blogs von TemplateMonster kannst du zudem mit 5% Rabatt auf ONE rechnen. Gib einfach den den Promo-Code BecomeThe1 auf der Checkout-Seite ein und nutzen den Nachlass.<\/p>\n<p><em>Wir haben dieses Tutorial aus dem Englischen \u00fcbersetzt und angepasst. Der Originalbeitrag ist <a href=\"https:\/\/www.templatemonster.com\/blog\/display-svg-files-elementor\/\" target=\"_blank\">hier<\/a> zu lesen.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine Vielfalt von Ger\u00e4ten, Bildschirmgr\u00f6\u00dfen und -Aufl\u00f6sungen macht eine hohe Skalierbarkeit und Reaktionsf\u00e4higkeit zu einer unerl\u00e4sslichen Voraussetzung, um dem Online-Publikum ein optimales Nutzererlebnis bieten zu k\u00f6nnen. In Sachen Anpassbarkeit erweisen sich SVG-Bilder als besonders gut geeignet f\u00fcr Websites. Dieses Vektorgrafikformat steht f\u00fcr \"scalable vector graphics\" und wird f\u00fcr Illustrationen, Logos, Icons u.a. verwendet. Du kannst [&hellip;]<\/p>\n","protected":false},"author":1657845,"featured_media":19848,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19],"tags":[303,362,214],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial: So l\u00e4sst sich die SVG-Datei auf der Elementor-Seite anzeigen<\/title>\n<meta name=\"description\" content=\"Diese Anleitung erkl\u00e4rt, wie du SVGs in Logos, Illustrationen, Diagramme usw. mit Hilfe vom Elementor-Page Builder und JetElements-Plugin einf\u00fcgen kannst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: So l\u00e4sst sich die SVG-Datei auf der Elementor-Seite anzeigen\" \/>\n<meta property=\"og:description\" content=\"Diese Anleitung erkl\u00e4rt, wie du SVGs in Logos, Illustrationen, Diagramme usw. mit Hilfe vom Elementor-Page Builder und JetElements-Plugin einf\u00fcgen kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-15T13:27:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-25T08:06:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/Display-SVG-Image-Files.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Olga Kulmann\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olga Kulmann\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/\"},\"author\":{\"name\":\"Olga Kulmann\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130\"},\"headline\":\"Tutorial: Wie du eine SVG-Datei auf der Elementor-Seite anzeigen kannst\",\"datePublished\":\"2019-09-15T13:27:24+00:00\",\"dateModified\":\"2020-05-25T08:06:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/\"},\"wordCount\":764,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"keywords\":[\"CMS und Blog Templates\",\"Webentwicklung\",\"WordPress\"],\"articleSection\":[\"Anleitungen\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/\",\"url\":\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/\",\"name\":\"Tutorial: So l\u00e4sst sich die SVG-Datei auf der Elementor-Seite anzeigen\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2019-09-15T13:27:24+00:00\",\"dateModified\":\"2020-05-25T08:06:26+00:00\",\"description\":\"Diese Anleitung erkl\u00e4rt, wie du SVGs in Logos, Illustrationen, Diagramme usw. mit Hilfe vom Elementor-Page Builder und JetElements-Plugin einf\u00fcgen kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial: Wie du eine SVG-Datei auf der Elementor-Seite anzeigen kannst\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130\",\"name\":\"Olga Kulmann\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Olga Kulmann\"},\"description\":\"Olga Kulmann ist Mitglied des deutschen Marketer-Teams von TemplateMonster. Ihr Interessenkreis umfasst von Online-Marketing \u00fcber E-Commerce bis hin zum Webdesign. Olgas Anliegen ist es, die Blogleser mit besten Erfahrungen und gepr\u00fcftem Expertenwissen in diesen Bereichen vertraut zu machen. Olga auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/kulmann\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial: So l\u00e4sst sich die SVG-Datei auf der Elementor-Seite anzeigen","description":"Diese Anleitung erkl\u00e4rt, wie du SVGs in Logos, Illustrationen, Diagramme usw. mit Hilfe vom Elementor-Page Builder und JetElements-Plugin einf\u00fcgen kannst.","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:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/","og_locale":"de_DE","og_type":"article","og_title":"Tutorial: So l\u00e4sst sich die SVG-Datei auf der Elementor-Seite anzeigen","og_description":"Diese Anleitung erkl\u00e4rt, wie du SVGs in Logos, Illustrationen, Diagramme usw. mit Hilfe vom Elementor-Page Builder und JetElements-Plugin einf\u00fcgen kannst.","og_url":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2019-09-15T13:27:24+00:00","article_modified_time":"2020-05-25T08:06:26+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/Display-SVG-Image-Files.jpg","type":"image\/jpeg"}],"author":"Olga Kulmann","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Olga Kulmann","Gesch\u00e4tzte Lesezeit":"4 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/"},"author":{"name":"Olga Kulmann","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130"},"headline":"Tutorial: Wie du eine SVG-Datei auf der Elementor-Seite anzeigen kannst","datePublished":"2019-09-15T13:27:24+00:00","dateModified":"2020-05-25T08:06:26+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/"},"wordCount":764,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"keywords":["CMS und Blog Templates","Webentwicklung","WordPress"],"articleSection":["Anleitungen"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/","url":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/","name":"Tutorial: So l\u00e4sst sich die SVG-Datei auf der Elementor-Seite anzeigen","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2019-09-15T13:27:24+00:00","dateModified":"2020-05-25T08:06:26+00:00","description":"Diese Anleitung erkl\u00e4rt, wie du SVGs in Logos, Illustrationen, Diagramme usw. mit Hilfe vom Elementor-Page Builder und JetElements-Plugin einf\u00fcgen kannst.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/tutorial-wie-du-eine-svg-datei-auf-der-elementor-seite-anzeigen-kannst\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Tutorial: Wie du eine SVG-Datei auf der Elementor-Seite anzeigen kannst"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130","name":"Olga Kulmann","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Olga Kulmann"},"description":"Olga Kulmann ist Mitglied des deutschen Marketer-Teams von TemplateMonster. Ihr Interessenkreis umfasst von Online-Marketing \u00fcber E-Commerce bis hin zum Webdesign. Olgas Anliegen ist es, die Blogleser mit besten Erfahrungen und gepr\u00fcftem Expertenwissen in diesen Bereichen vertraut zu machen. Olga auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/kulmann\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/19828"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/1657845"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=19828"}],"version-history":[{"count":22,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/19828\/revisions"}],"predecessor-version":[{"id":26842,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/19828\/revisions\/26842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/19848"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=19828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=19828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=19828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}