{"id":17341,"date":"2019-02-07T16:15:34","date_gmt":"2019-02-07T16:15:34","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=17341"},"modified":"2020-02-05T11:26:06","modified_gmt":"2020-02-05T11:26:06","slug":"elementor-anleitung-before-after-fotos-gestalten","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/","title":{"rendered":"Elementor-Anleitung: Before- und After-Fotos gestalten"},"content":{"rendered":"<p style=\"font-weight: bold\">Wir setzen unsere Tutorial-Serie zu Elementor und Elementor-Addons fort. Diesmal erf\u00e4hrst du, wie du den Bildvergleich auf deiner Website einrichten kannst.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-17345\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Before-and-After-Images.jpg\" alt=\"\" width=\"900\" height=\"538\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Before-and-After-Images.jpg 900w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Before-and-After-Images-300x179.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Before-and-After-Images-768x459.jpg 768w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Before-and-After-Images-335x200.jpg 335w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Vergleichsfotos\u00a0bzw. Nachher-Vorher-Bilder sagen mehr als tausend Worte. Sie sind einfach unerl\u00e4sslich, wenn du das Endergebnis der Anfangsphase eines Projektes gegen\u00fcberstellen willst. Derartige Bilder wirken beeindruckend und f\u00fchren dein K\u00f6nnen bestens vor Augen. Sie erweisen sich als besonders effektiv im Bereich Innenraum- und Garten-Architektur, Fotodesign, <\/span><span style=\"font-weight: 400\">Sport und Di\u00e4t, <\/span><span style=\"font-weight: 400\">Makeup u.a. In diesem Elementor-Tutorial erf\u00e4hrst du, wie du ein Widget zum Bildvergleich mit dem <\/span><span style=\"font-weight: 400\">JetElements-Plugin<\/span><span style=\"font-weight: 400\">\u00a0zu deiner Website hinzuf\u00fcgst.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Unter <\/span><span style=\"font-weight: 400\">Elementor-Addons<\/span><span style=\"font-weight: 400\"> weist dieses Plugin die vielseitigsten Funktionen auf. Es verf\u00fcgt \u00fcber eine F\u00fclle von hochwertigen Inhaltselementen, die bei der Erstellung von Websites zum Einsatz kommen. Wenn dieses Plugin auf deiner WordPress-Website installiert ist, dann \u00f6ffne den Elementor Page-Builder und lies diese Anleitung weiter.<\/span><\/p>\n<p><span style=\"font-weight: 400\">1. Gib in das Suchfeld das Image Comparison-Widget ein. <\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Dann klicke auf das Widget und verschiebe es in einen neuen Abschnitt. <\/span><\/p>\n<p><span style=\"font-weight: 400\">3. Links im Sidebar-Men\u00fc findest du\u00a0den Block mit Einstellungen. Da kannst hier die Anzahl der zu zeigenden Folien \u00e4ndern.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-17346\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/02\/edit-image-compration.png\" alt=\"\" width=\"274\" height=\"473\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/edit-image-compration.png 274w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/edit-image-compration-174x300.png 174w\" sizes=\"(max-width: 274px) 100vw, 274px\" \/><\/p>\n<p><span style=\"font-weight: 400\">4. Setzt du die Hover-Pause auf \u201cyes\u201d, wird die Folie wird beim \u00dcberfahren mit der Maus anhalten.<\/span><\/p>\n<p><span style=\"font-weight: 400\">5. Du kannst auch die Autoplay-Funktion aktivieren und deren Geschwindigkeit einstellen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">6. Setze Infinite Loop auf \u201cyes\u201d, wenn du willst, dass deine Folien endlos angezeigt werden.<\/span><\/p>\n<p><span style=\"font-weight: 400\">7.\u00a0Beim Slide- oder Fade-Effekt definierst du\u00a0den \u00dcbergang von einer Folie zur anderen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">8. Weiter lassen sich <\/span><span style=\"font-weight: 400\">Navigationspunkte und -Pfeile ein-\u00a0bzw. ausschalten. Diese zwei Optionen machen die Navigation intuitiver und benutzerfreundlicher.<\/span><\/p>\n<p><span style=\"font-weight: 400\">9. Jetzt \u00fcbergehen wir zum Block \u201cItems\u201d und f\u00fcgen Bilder hinzu.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-17347\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/02\/items-block-add-images.png\" alt=\"\" width=\"244\" height=\"558\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/items-block-add-images.png 244w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/items-block-add-images-131x300.png 131w\" sizes=\"(max-width: 244px) 100vw, 244px\" \/><\/p>\n<p><span style=\"font-weight: 400\">10. Standardm\u00e4\u00dfig hei\u00dfen Labels \u00a0\"Vorher\" und \"Nachher\". Diese lassen sich selbstredend nach deinem Belieben \u00e4ndern.<\/span><\/p>\n<p><span style=\"font-weight: 400\">11. Um Bilder hinzuzuf\u00fcgen, sollst du auf \u00a0\u201cChoose Your Image\u201d klicken und ein Bild von Insert Media hochladen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">12. Nachdem du Bilder hochgeladen hast, kannst du ihr Verh\u00e4ltnis \u00e4ndern, indem du einfach den Folientrenner in der Mitte anklickst und diesen zur gew\u00fcnschten Seite ziehst.<\/span><\/p>\n<p><span style=\"font-weight: 400\">13. Nun sind Stil-Einstellungen an der Reihe. <\/span><\/p>\n<p><span style=\"font-weight: 400\">14. Geh zum zweiten Tab, um das Aussehen\u00a0der Labels zu \u00e4ndern. <\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-17348\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/02\/look-labels.png\" alt=\"\" width=\"244\" height=\"616\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/look-labels.png 244w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/look-labels-119x300.png 119w\" sizes=\"(max-width: 244px) 100vw, 244px\" \/><\/p>\n<p><span style=\"font-weight: 400\">15. Hier lassen sich Farben von Before- und After-Labels, horizontale und vertikale Ausrichtung sowie der Typ des Hintergrundes \u00e4ndern.<\/span><\/p>\n<p><span style=\"font-weight: 400\">16. Im n\u00e4chsten Schritt legst du Handle-Einstellungen fest. Du kannst Breite, H\u00f6he, Hintergrundfarbe sowie Typ w\u00e4hlen.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-17349\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/02\/handle-arrow-type.png\" alt=\"\" width=\"245\" height=\"575\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/handle-arrow-type.png 245w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/handle-arrow-type-128x300.png 128w\" sizes=\"(max-width: 245px) 100vw, 245px\" \/><\/p>\n<p><span style=\"font-weight: 400\">17. Im diesem Block lassen sich verschiedene Parameter (unter anderem die Startposition) des Trenners zwischen diesen Bildern editieren.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">18. In den letzten beiden Bl\u00f6cken gibt es Stil-Einstellungen f\u00fcr Pfeile und Punkte, mit denen du den Slider steuern kannst. Diese Einstellungen sollten dir bekannt sein, wenn du jemals einen Slider mit <\/span><span style=\"font-weight: 400\">JetElements<\/span><span style=\"font-weight: 400\"> erstellt hast.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-17350\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/02\/dots.png\" alt=\"\" width=\"281\" height=\"342\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/dots.png 281w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/dots-246x300.png 246w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"How to add Before and After images with JetElements Image Comparison widget\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/MZ9LTcss0Mc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>So einfach ist es, den Bildvergleich mit Hilfe des JetElements-Plugins zu erstellen. Machst du das zum zweiten Mal, geht alles viel schneller.<\/p>\n<p><a href=\"https:\/\/www.templatemonster.com\/de\/elementor-marketplace\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-22946\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Elementor_728x90_de.jpg\" alt=\"Elementor-Banner\" width=\"900\" height=\"111\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Elementor_728x90_de.jpg 728w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Elementor_728x90_de-300x37.jpg 300w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Elementor_728x90_de-640x79.jpg 640w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p><em>Hier geht es zum <a href=\"https:\/\/www.templatemonster.com\/blog\/add-images-comparison-elementor-guidance\/\" target=\"_blank\">Originaltext auf Englisch<\/a> bei MonsterPost.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wir setzen unsere Tutorial-Serie zu Elementor und Elementor-Addons fort. Diesmal erf\u00e4hrst du, wie du den Bildvergleich auf deiner Website einrichten kannst. Vergleichsfotos\u00a0bzw. Nachher-Vorher-Bilder sagen mehr als tausend Worte. Sie sind einfach unerl\u00e4sslich, wenn du das Endergebnis der Anfangsphase eines Projektes gegen\u00fcberstellen willst. Derartige Bilder wirken beeindruckend und f\u00fchren dein K\u00f6nnen bestens vor Augen. Sie erweisen [&hellip;]<\/p>\n","protected":false},"author":1657845,"featured_media":17345,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[303],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JetElements: &quot;Vorher&quot;- und &quot;Nachher&quot;-Bildevergleiche einfach erstellen<\/title>\n<meta name=\"description\" content=\"Mit dem JetElements-Plugin erstellst du &quot;Vorher&quot;- und &quot;Nachher&quot;-Bildevergleich im Elementor Page-Builder in nur wenigen Minuten.\" \/>\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\/elementor-anleitung-before-after-fotos-gestalten\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetElements: &quot;Vorher&quot;- und &quot;Nachher&quot;-Bildevergleiche einfach erstellen\" \/>\n<meta property=\"og:description\" content=\"Mit dem JetElements-Plugin erstellst du &quot;Vorher&quot;- und &quot;Nachher&quot;-Bildevergleich im Elementor Page-Builder in nur wenigen Minuten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/\" \/>\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-02-07T16:15:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-05T11:26:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Before-and-After-Images.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=\"2 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/\"},\"author\":{\"name\":\"Olga Kulmann\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130\"},\"headline\":\"Elementor-Anleitung: Before- und After-Fotos gestalten\",\"datePublished\":\"2019-02-07T16:15:34+00:00\",\"dateModified\":\"2020-02-05T11:26:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/\"},\"wordCount\":474,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"keywords\":[\"CMS und Blog Templates\"],\"articleSection\":[\"Webentwicklung\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/\",\"url\":\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/\",\"name\":\"JetElements: \\\"Vorher\\\"- und \\\"Nachher\\\"-Bildevergleiche einfach erstellen\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2019-02-07T16:15:34+00:00\",\"dateModified\":\"2020-02-05T11:26:06+00:00\",\"description\":\"Mit dem JetElements-Plugin erstellst du \\\"Vorher\\\"- und \\\"Nachher\\\"-Bildevergleich im Elementor Page-Builder in nur wenigen Minuten.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor-Anleitung: Before- und After-Fotos gestalten\"}]},{\"@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":"JetElements: \"Vorher\"- und \"Nachher\"-Bildevergleiche einfach erstellen","description":"Mit dem JetElements-Plugin erstellst du \"Vorher\"- und \"Nachher\"-Bildevergleich im Elementor Page-Builder in nur wenigen Minuten.","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\/elementor-anleitung-before-after-fotos-gestalten\/","og_locale":"de_DE","og_type":"article","og_title":"JetElements: \"Vorher\"- und \"Nachher\"-Bildevergleiche einfach erstellen","og_description":"Mit dem JetElements-Plugin erstellst du \"Vorher\"- und \"Nachher\"-Bildevergleich im Elementor Page-Builder in nur wenigen Minuten.","og_url":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2019-02-07T16:15:34+00:00","article_modified_time":"2020-02-05T11:26:06+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2019\/02\/Before-and-After-Images.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":"2 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/"},"author":{"name":"Olga Kulmann","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130"},"headline":"Elementor-Anleitung: Before- und After-Fotos gestalten","datePublished":"2019-02-07T16:15:34+00:00","dateModified":"2020-02-05T11:26:06+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/"},"wordCount":474,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"keywords":["CMS und Blog Templates"],"articleSection":["Webentwicklung"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/","url":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/","name":"JetElements: \"Vorher\"- und \"Nachher\"-Bildevergleiche einfach erstellen","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2019-02-07T16:15:34+00:00","dateModified":"2020-02-05T11:26:06+00:00","description":"Mit dem JetElements-Plugin erstellst du \"Vorher\"- und \"Nachher\"-Bildevergleich im Elementor Page-Builder in nur wenigen Minuten.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/elementor-anleitung-before-after-fotos-gestalten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Elementor-Anleitung: Before- und After-Fotos gestalten"}]},{"@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\/17341"}],"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=17341"}],"version-history":[{"count":20,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/17341\/revisions"}],"predecessor-version":[{"id":17358,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/17341\/revisions\/17358"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/17345"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=17341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=17341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=17341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}