{"id":110,"date":"2017-01-09T16:53:53","date_gmt":"2017-01-09T15:53:53","guid":{"rendered":"http:\/\/code78.de\/blog\/?p=110"},"modified":"2026-01-06T20:41:36","modified_gmt":"2026-01-06T19:41:36","slug":"infografiken-erstellen-und-teilen","status":"publish","type":"post","link":"https:\/\/code78.de\/blog\/infografiken-erstellen-und-teilen\/","title":{"rendered":"Tool-Tipp: Infografiken erstellen und teilen"},"content":{"rendered":"<p>Ich wei\u00df ja nicht, wie das bei euch ist &#8211; ich f\u00fcr meinen Teil bin eher der visuelle Typ.<br \/>\n&#8222;Bilder sagen mehr als Worte!&#8220; trifft auf mich absolut zu.<\/p>\n<p>Ich lese viel und gerne und am Liebsten, wenn die Texte bebildert sind.<br \/>\nKlar&#8230; machmal macht das ja auch Sinn! Ein extravagantes Rezept schreit f\u00f6rmlich nach Fotos und ein DIY-Tutotrial kommt ohne Bilder nicht aus.<\/p>\n<h2>Hoch leben die Infografiken<\/h2>\n<p>Wie sieht es aber mit den harten Fakten aus? Wie werden Texte mit Entwicklungsverl\u00e4ufen, Vergleichen oder dr\u00f6ger Statistik so aufbereitet, dass sie f\u00fcr die Leserschaft interessant sind?<br \/>\nDie Aufmerksamkeitsspanne l\u00e4sst in dieser schnelllebigen Zeit einfach deutlich nach und es besteht immer mehr das Verlangen, den Wissensdurst schnell &#8211; ja, wom\u00f6glich auf einen Blick &#8211; zu stillen.<\/p>\n<p>Durch Infografiken wird ein Text also nicht nur visuell unterst\u00fctzt und aufgelockert. Der Leser erh\u00e4lt auch sofort einen groben \u00dcberblick.<\/p>\n<p>Seit Wochen habe ich das Onlinetool <a href=\"http:\/\/easel.ly\">easel.ly<\/a> deshalb auf meiner imagin\u00e4ren To-Try-Liste &#8211; und heute hatte ich endlich die Zeit und Mu\u00dfe es genauer unter die Lupe zu nehmen.<\/p>\n<h2>Frei, einfach und gut<\/h2>\n<p>Die Bedienung ist ganz simpel:<br \/>\nAus einer Auswahl an vorgefertigten Templates, w\u00e4hlst du eine Vorlage aus, die sich dann im Designer \u00f6ffnet.<br \/>\nNach dem bekannten Drag&amp;Drop-Prinzip kannst du die Elemente hier einfach auf das Template ziehen, verschieben und arrangieren.<br \/>\nDie Auswahl an Templates und Objekten in der freien Version ist \u00fcberschaubar, aber f\u00fcr den Anfang v\u00f6llig ausreichend. Es ist aber auch in der kostenfreien Version m\u00f6glich eigene Grafiken hochzuladen und in das Template einzuf\u00fcgen.<\/p>\n<p>Ein \u00bbechter\u00ab Designer wird sich \u00fcber mein Ergebnis ins F\u00e4ustchen lachen, aber ich bin zufrieden!<\/p>\n<h2>Meine erste Infografik<\/h2>\n<p>\u00bbDie Anatomie (m)einer Website\u00ab<\/p>\n<p>Erstellt in &#8211; lasst mich nicht l\u00fcgen &#8211; 45 Minuten oder so.<br \/>\nNicht die sch\u00f6nste Infografik der Welt&#8230; aber mein \ud83d\ude09<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" title=\"easel.ly\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/07\/image.jpg\" alt=\"infografiken\" \/><\/p>\n  <div class=\"related-post grid\">\r\n        <div class=\"headline\">\u00c4hnliche Beitr\u00e4ge<\/div>\r\n    <div class=\"post-list \">\r\n\r\n            <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Social Media als Lebensretter &#8211; eine wahre Geschichte\" href=\"https:\/\/code78.de\/blog\/lebensretter-social-media-eine-wahre-geschichte\/\">\r\n\r\n      <img decoding=\"async\" width=\"664\" height=\"434\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2022\/04\/social-media-lebensretter-intro-665-\u00d7-435-px.gif\" class=\"attachment-full size-full wp-post-image\" alt=\"\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Social Media als Lebensretter &#8211; eine wahre Geschichte\" href=\"https:\/\/code78.de\/blog\/lebensretter-social-media-eine-wahre-geschichte\/\">\r\n        Social Media als Lebensretter &#8211; eine wahre Geschichte  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Cleanfluencer: Wenn Putzen viral geht, als ob\u2018s ein neuer Trend w\u00e4re\" href=\"https:\/\/code78.de\/blog\/influencer-cleanfluencer\/\">\r\n\r\n      <img decoding=\"async\" width=\"1100\" height=\"720\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Cleanfluencer.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"Cleanfluencer\" srcset=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Cleanfluencer.jpg 1100w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Cleanfluencer-300x196.jpg 300w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Cleanfluencer-1024x670.jpg 1024w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Cleanfluencer-768x503.jpg 768w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Cleanfluencer: Wenn Putzen viral geht, als ob\u2018s ein neuer Trend w\u00e4re\" href=\"https:\/\/code78.de\/blog\/influencer-cleanfluencer\/\">\r\n        Cleanfluencer: Wenn Putzen viral geht, als ob\u2018s ein neuer Trend w\u00e4re  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"LinkedIn 360Brew: Was hinter dem neuen Algorithmus steckt\" href=\"https:\/\/code78.de\/blog\/linkedin-360brew\/\">\r\n\r\n      <img decoding=\"async\" width=\"1100\" height=\"720\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/03\/LinkedIn-360Brew.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"LinkedIn 360Brew\" srcset=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/03\/LinkedIn-360Brew.jpg 1100w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/03\/LinkedIn-360Brew-300x196.jpg 300w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/03\/LinkedIn-360Brew-1024x670.jpg 1024w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/03\/LinkedIn-360Brew-768x503.jpg 768w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"LinkedIn 360Brew: Was hinter dem neuen Algorithmus steckt\" href=\"https:\/\/code78.de\/blog\/linkedin-360brew\/\">\r\n        LinkedIn 360Brew: Was hinter dem neuen Algorithmus steckt  <\/a>\r\n\r\n        <\/div>\r\n      \r\n  <\/div>\r\n\r\n  <script>\r\n      <\/script>\r\n  <style>\r\n    .related-post {}\r\n\r\n    .related-post .post-list {\r\n      text-align: left;\r\n          }\r\n\r\n    .related-post .post-list .item {\r\n      margin: 0px 1%;\r\n      padding: 0px;\r\n          }\r\n\r\n    .related-post .headline {\r\n      font-size: 1.1em !important;\r\n      color: #787878 !important;\r\n          }\r\n\r\n    .related-post .post-list .item .post_thumb {\r\n      display: block;\r\n          }\r\n\r\n    .related-post .post-list .item .post_title {\r\n      color: #3f3f3f;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .post-list .item .post_excerpt {\r\n      font-size: 0.9em;\r\n      color: #3f3f3f;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    @media only screen and (min-width: 1024px) {\r\n      .related-post .post-list .item {\r\n        width: 30%;\r\n      }\r\n    }\r\n\r\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\r\n      .related-post .post-list .item {\r\n        width: 45%;\r\n      }\r\n    }\r\n\r\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\r\n      .related-post .post-list .item {\r\n        width: 45%;\r\n      }\r\n    }\r\n\r\n      <\/style>\r\n    <\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Ich wei\u00df ja nicht, wie das bei euch ist &#8211; ich f\u00fcr meinen Teil bin eher der visuelle Typ. &#8222;Bilder sagen mehr als Worte!&#8220; trifft auf mich absolut zu. Ich lese viel und gerne und am Liebsten, wenn die Texte bebildert sind. Klar&#8230; machmal macht das ja auch Sinn! Ein extravagantes Rezept schreit f\u00f6rmlich nach [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1764,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[30],"tags":[34,11,13],"class_list":["post-110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howto","tag-howto","tag-infografik","tag-software"],"acf":[],"_links":{"self":[{"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/posts\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":0,"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/posts\/110\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/media\/1764"}],"wp:attachment":[{"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/media?parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/categories?post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code78.de\/blog\/wp-json\/wp\/v2\/tags?post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}