{"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=\"Schluss mit \u201eMach mal einen Post\u201c: 15 KI-Prompts f\u00fcr Social Media\" href=\"https:\/\/code78.de\/blog\/ki-prompts-fuer-social-media\/\">\r\n\r\n      <img decoding=\"async\" width=\"1100\" height=\"720\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/02\/KI-Prompts-fuer-Social-Media.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"KI-Prompts f\u00fcr Social Media: Mit besseren Prompts zu besseren Ergebnissen\" srcset=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/02\/KI-Prompts-fuer-Social-Media.jpg 1100w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/02\/KI-Prompts-fuer-Social-Media-300x196.jpg 300w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/02\/KI-Prompts-fuer-Social-Media-1024x670.jpg 1024w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/02\/KI-Prompts-fuer-Social-Media-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=\"Schluss mit \u201eMach mal einen Post\u201c: 15 KI-Prompts f\u00fcr Social Media\" href=\"https:\/\/code78.de\/blog\/ki-prompts-fuer-social-media\/\">\r\n        Schluss mit \u201eMach mal einen Post\u201c: 15 KI-Prompts f\u00fcr Social Media  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Visual Content Marketing &#8211; jetzt gibt&#8217;s was auf die Augen\" href=\"https:\/\/code78.de\/blog\/visual-content-marketing\/\">\r\n\r\n      <img decoding=\"async\" width=\"1197\" height=\"783\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/11\/Visual-Content-Marketing-Header.gif\" class=\"attachment-full size-full wp-post-image\" alt=\"Visual Content Marketing: Jetzt bekommt der Feed etwas auf die Augen\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Visual Content Marketing &#8211; jetzt gibt&#8217;s was auf die Augen\" href=\"https:\/\/code78.de\/blog\/visual-content-marketing\/\">\r\n        Visual Content Marketing &#8211; jetzt gibt&#8217;s was auf die Augen  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Welt-Emoji-Tag: Ohne \ud83e\udeb5 und \ud83e\ude93 seid ihr Social-Media-Amateure\" href=\"https:\/\/code78.de\/blog\/welt-emoji-tag\/\">\r\n\r\n      <img decoding=\"async\" width=\"1100\" height=\"720\" src=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Welt-Emoji-Tag.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"Welt-Emoji-Tag\" srcset=\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Welt-Emoji-Tag.jpg 1100w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Welt-Emoji-Tag-300x196.jpg 300w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Welt-Emoji-Tag-1024x670.jpg 1024w, https:\/\/code78.de\/blog\/wp-content\/uploads\/2025\/12\/Welt-Emoji-Tag-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=\"Welt-Emoji-Tag: Ohne \ud83e\udeb5 und \ud83e\ude93 seid ihr Social-Media-Amateure\" href=\"https:\/\/code78.de\/blog\/welt-emoji-tag\/\">\r\n        Welt-Emoji-Tag: Ohne \ud83e\udeb5 und \ud83e\ude93 seid ihr Social-Media-Amateure  <\/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}]}}