{"id":6194,"date":"2017-10-22T18:02:27","date_gmt":"2017-10-22T12:02:27","guid":{"rendered":"https:\/\/www.quantumcloud.com\/resources\/?p=6194"},"modified":"2019-11-19T12:44:52","modified_gmt":"2019-11-19T06:44:52","slug":"make-infographics-ilist","status":"publish","type":"post","link":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/","title":{"rendered":"How to Make Infographics with iList?"},"content":{"rendered":"<h2>What is an Infographic Really?<\/h2>\n<p>Simply put an Infographic is a visual representation of information using elements such as charts, images, and text.<\/p>\n<blockquote>\n<p style=\"text-align: center;\">&#8220;a good infographic is worth a thousand words&#8221;<\/p>\n<\/blockquote>\n<p>So, in principle, an infographic can have three building blocks &#8211; <strong>Texts<\/strong>, <strong>Images<\/strong> and <strong>Charts<\/strong> laid out in a visually impressive manner to convey some idea that anyone can easily grasp.<\/p>\n<p>Most often than not, infographics take the form of a List. Because it is no secret that<strong> people just love bullet point lists<\/strong>. Five ways to do this, ten ways to do that, fifteen things you should do, twenty things you should not etc.. Lists are soothing and simple. They provide instant gratification and purpose.<\/p>\n<p>So, infographics are <strong>usually Lists with Text, Images, and Charts.<\/strong><\/p>\n<h2>How to Make Infographics with iList?<\/h2>\n<p>iList lets you make<strong> Lists with Images, Texts, and Charts<\/strong>. The main concept is just that simple. You can do more with iList but we will get to that later. Let us dive right into how to make your Lists or iLists as we call it &#8211; which essentially happen to be infographics.<\/p>\n<p>Before getting started &#8211; to make any infographics, first, you need a List of items or the bullet points. Just the base structure will do to start with. You can adjust, add, edit them anytime. That&#8217;s another beauty of iList. You do not need to fire up photoshop or go to another website to change your infographic. <strong>Everything is manageable right from your WordPress backend<\/strong>.<\/p>\n<p>As is the norm, bullet points of your iList should be short and sweet. Typically 1 to 2 sentences works the best. For our text case, I am borrowing some of the points from one of Neil Patel&#8217;s articles: <a href=\"https:\/\/neilpatel.com\/blog\/content-marketing-best-practice-myths\/\" target=\"_blank\" rel=\"noopener noreferrer\">45 Content Marketing Best Practices That Are Actually Myths<\/a> and turning it into an infographic.<\/p>\n<p style=\"text-align: center;\">Check out this short video overview on how to get started with the WordPress Infographic Maker iList Pro:<\/p>\n<p><iframe loading=\"lazy\" title=\"Infographic Maker for WordPress - iList\" width=\"1180\" height=\"664\" src=\"https:\/\/www.youtube.com\/embed\/dxACdl0XZHg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3><strong>Step 1: Start Your\u00a0<\/strong>iList<strong> with (catchy) Title<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6197 size-full alignright\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/new-iList.jpg\" alt=\"\" width=\"184\" height=\"221\" \/><\/p>\n<p>OK, so let&#8217;s go to our <a href=\"https:\/\/www.quantumcloud.com\/products\/infographic-maker-ilist\/\" target=\"_blank\" rel=\"noopener noreferrer\">Infographic Maker<\/a> iList and Press on that New iList button. The next page is where most of the actions will take place. So, we will go through each option and steps in far details\u00a0in the next few paragraphs.<\/p>\n<p>We will begin by giving our infographic a Title. Preferably a <strong>catchy<\/strong> one to grab user&#8217;s interest. In this case, I have titled it as &#8220;15 Content Marketing Best Practices That Are Actually Myths&#8221;. In the next row, we have three options &#8211;\u00a0 Info Lists, Graphic Lists, and Infographics. Infographics is selected by default &#8211; so nothing needs to be done there.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6201 aligncenter\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/list-name.jpg\" alt=\"\" width=\"903\" height=\"256\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/list-name.jpg 903w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/list-name-300x85.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/list-name-768x218.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/list-name-500x142.jpg 500w\" sizes=\"auto, (max-width: 903px) 100vw, 903px\" \/><\/p>\n<h3><strong>Step 2: Pick Your Choice of Infographic Template<\/strong><\/h3>\n<p>Next, you can select a template for your InfoGraphic from a lightbox window which shows a preview of all the available templates. There are about 65 templates to choose from at the time of this writing.<strong> We add new templates every month<\/strong>. Click on the template you want to start with. Don&#8217;t worry. You can change it later. Anytime!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6203\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/select-template.jpg\" alt=\"\" width=\"1010\" height=\"768\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/select-template.jpg 1010w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/select-template-300x228.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/select-template-768x584.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/select-template-500x380.jpg 500w\" sizes=\"auto, (max-width: 1010px) 100vw, 1010px\" \/><\/p>\n<h3><strong>Step 3: Pick Colors for Your Infographic<\/strong><\/h3>\n<p>Next, we have a bunch of options to <strong>color customize your infographic<\/strong>. Like changing the title or description font colors or the entire infographic&#8217;s\u00a0background color. They can make your infographic look more interesting but not mandatory to use. You can change them anytime later also.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6205\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/customize-color-infographic-1.jpg\" alt=\"\" width=\"876\" height=\"426\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/customize-color-infographic-1.jpg 876w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/customize-color-infographic-1-300x146.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/customize-color-infographic-1-768x373.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/customize-color-infographic-1-500x243.jpg 500w\" sizes=\"auto, (max-width: 876px) 100vw, 876px\" \/><\/p>\n<h3><strong>Step 4: Customize Fonts to Make Your Infographic Interesting<\/strong><\/h3>\n<p>You also have the options to pick your choice of any of the<strong> 800+ google fonts<\/strong> just for your infographics. You can assign different google fonts for your titles and descriptions.\u00a0 iList can take any google font style link from\u00a0<a href=\"https:\/\/fonts.google.com\/\">https:\/\/fonts.google.com\/<\/a> . Again, these are for fine-tuning and customizing your infographic. You do not have to use them right now. You can play with them later or not use them at all.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6206\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/custom-font-for-infographic.jpg\" alt=\"\" width=\"874\" height=\"197\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/custom-font-for-infographic.jpg 874w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/custom-font-for-infographic-300x68.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/custom-font-for-infographic-768x173.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/custom-font-for-infographic-500x113.jpg 500w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/p>\n<h3><strong>Step 5: Use Chart (Optional)<\/strong><\/h3>\n<p>Not all infographics need a chart. In fact, most do not. But yours might. In the next area, you can generate and include a chart or graph directly from the iList interface! Isn&#8217;t that great?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6208\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-chart.jpg\" alt=\"\" width=\"869\" height=\"89\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-chart.jpg 869w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-chart-300x31.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-chart-768x79.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-chart-500x51.jpg 500w\" sizes=\"auto, (max-width: 869px) 100vw, 869px\" \/><\/p>\n<p><strong>Creating chart is super easy<\/strong>. Click on the Create iList Chart text area and in the popup chart generator just add a chart title, a label for each data set and the number.\u00a0 You can also choose where to show the chart &#8211; at the top of your infographic or middle or bottom. All without leaving your infographic creation space.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6209\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/create-chart.jpg\" alt=\"\" width=\"1035\" height=\"668\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/create-chart.jpg 1035w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/create-chart-300x194.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/create-chart-768x496.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/create-chart-1024x661.jpg 1024w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/create-chart-500x323.jpg 500w\" sizes=\"auto, (max-width: 1035px) 100vw, 1035px\" \/><\/p>\n<h3><strong>Step 6: Middle Image<\/strong><\/h3>\n<p>Alternatively, you may not want to use a chart but show an image instead. That is also possible and some templates do require a larger sized image. Not all of them do. You can upload that image in the next section. It is worth mentioning that you can <strong>either show a chart or an image but not both <\/strong>in the top, middle, bottom position. But some templates do support both.\u00a0 So, choose your template wisely. Since we are showing a chart for this example infographic &#8211; we will not be uploading any middle image.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6217\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-image-to-infographic.jpg\" alt=\"\" width=\"1015\" height=\"478\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-image-to-infographic.jpg 1015w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-image-to-infographic-300x141.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-image-to-infographic-768x362.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/add-image-to-infographic-500x235.jpg 500w\" sizes=\"auto, (max-width: 1015px) 100vw, 1015px\" \/><\/p>\n<h3><strong>Step 7: Add Your Infographic Bullet Points<\/strong><\/h3>\n<p>Now comes the fun part. We can now start adding our bullet points. Each bullet point or list items can have a Title Text, Description Text, and Image (or Icon).\u00a0 From the original article, we are adding the following for our 1st bullet point:<\/p>\n<p><em>Title: Content marketing isn\u2019t for my niche<\/em><\/p>\n<p><em>Description: There is no niche that content marketing wouldn\u2019t benefit. Don\u2019t fall for this myth because it will be detrimental to your business.<\/em><\/p>\n<p><em>Image: To illustrate my point, I needed an image. So, I hunted down a relevant image from the internet and uploaded.<\/em><\/p>\n<p><a href=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6649\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem.jpg\" alt=\"\" width=\"1214\" height=\"1221\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem.jpg 1214w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem-150x150.jpg 150w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem-298x300.jpg 298w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem-768x772.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem-1018x1024.jpg 1018w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/ilist-02-additem-500x503.jpg 500w\" sizes=\"auto, (max-width: 1214px) 100vw, 1214px\" \/><\/a><\/p>\n<p>There are a couple of more notable things here.<\/p>\n<ol>\n<li>Notice that you can select a <strong>background color for each List item<\/strong>. This will affect only this bullet point or list item alone. You can assign different background colors for each of your items. Not only this option makes your iList\u00a0infographic more interesting &#8211; you can also denote the importance of particular list item with this feature.<\/li>\n<li>If we are too lazy or just do not have any relevant image &#8211; we could just use a relevant icon instead. We have seamlessly integrated <strong>700 font awesome icons<\/strong>. They are categorized and even <strong>searchable<\/strong>! Now isn&#8217;t that awesome? Note that, if you uploaded both an image and selected a font awesome icon &#8211; the image will take priority and show in your infographic.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6213\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/font-awesome.jpg\" alt=\"\" width=\"771\" height=\"546\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/font-awesome.jpg 771w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/font-awesome-300x212.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/font-awesome-768x544.jpg 768w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/font-awesome-500x354.jpg 500w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/li>\n<li>The Long Description field is optional. If you add any Long description, it will show in a<strong> lightbox modal<\/strong> when clicked. you can add Video, Images and longer text in the long description with formatting using a <strong>visual text editor<\/strong>.<\/li>\n<\/ol>\n<p>Click on the <strong>Add Another Entry<\/strong> to add your next bullet list item and keep adding until your list is complete. Go ahead and publish the infographic. Don&#8217;t worry, it won&#8217;t start showing on your website until you add the shortcode on a page.<\/p>\n<p>We got tired after adding 10 entries. But no problem. With iList I can publish what I have now and come back later and add more &#8211; <strong>anytime<\/strong>. That is another convenience of iList. With a graphical infographic, it can take 20-30 minutes to add a new entry depending on the design complexity. With iList you can do so in a minute without firing up your photoshop or the help of your graphic designer.<\/p>\n<h3><strong>Step 8: Publishing Your Infographic<\/strong><\/h3>\n<p>The final step is to publish your infographic on a page or post. You can publish the infographic inside any of your existing page or post contents or create a new page for this. This is done with a shortcode and the easiest way is to use the <strong>Shortcode Generator<\/strong> we added for your conveniences in the visual editor bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6219\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/shortcode-generator.jpg\" alt=\"\" width=\"640\" height=\"188\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/shortcode-generator.jpg 640w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/shortcode-generator-300x88.jpg 300w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/shortcode-generator-500x147.jpg 500w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Place your <strong>cursor<\/strong> where you want the iList infographic to show up. Clicking on that small shortcode generator button will open a lightbox pop up window with all the shortcode options. There is no need to refer to the documentation to hunt down the shortcode parameters.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6220\" src=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/infographic-shortcode-generator.jpg\" alt=\"\" width=\"542\" height=\"680\" srcset=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/infographic-shortcode-generator.jpg 542w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/infographic-shortcode-generator-239x300.jpg 239w, https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/infographic-shortcode-generator-500x627.jpg 500w\" sizes=\"auto, (max-width: 542px) 100vw, 542px\" \/><\/p>\n<p>Let&#8217;s go through the options briefly:<\/p>\n<p><strong>Select Post:<\/strong> Pick the infographic by title that you want to show on your page<br \/>\n<strong>Column:<\/strong> Most infographics look the best with one column. But some work better with two columns<br \/>\n<strong>Template Style:<\/strong> You have already selected a template style from infographic creation page. But from here, you can override that and pick a new template. Leave em<br \/>\n<strong>Max Width:<\/strong> By default iList infographics will take the full width of the container it is placed on. But you can limit that to a preferred pixel or percentage width value. Example: 800px or 50%<br \/>\n<strong>Order By:<\/strong> One of the kool features of iList is that people can UpVote your individual infographic entries. You can order by that UpVote count or leave to the default ordering of your iList &#8211; which you can reorder with drag and drop.<br \/>\n<strong>Upvote:<\/strong> You can turn the UpVote option on or off<br \/>\n<strong>List Main Title:<\/strong> Hide, if you want<br \/>\n<strong>Boxed Layout:<\/strong> Will render your infographic inside a great boxed design with subtle shadow effect<br \/>\n<strong>Embed Option:<\/strong> Allow people to Share your iList\u00a0infographics on their own website! You can potentially earn backlinks when they do so.<\/p>\n<p>Press the<strong> Add Shortcode<\/strong> button once you have chosen the options. Publish your page and voila &#8211; you are done!<\/p>\n<p>Here is what we have created in this infographic maker tutorial &#8211;\u00a0<strong><a href=\"http:\/\/dev.quantumcloud.com\/iList\/how-to-create-infographic-with-ilist-an-example-with-neil-patel-article\/\" target=\"_blank\" rel=\"noopener noreferrer\">15 Content Marketing Best Practices That Are Actually Myths<\/a><\/strong>. Pretty great result for less than 15 minutes of work \ud83d\ude42<\/p>\n<p>But, &#8220;<em><strong>I want an Image of my Infographic to share on pinterest<\/strong><\/em>&#8221; &#8211; you say. No problem. You can just take a <strong>screenshot of the page<\/strong> using the print screen button on your keyboard where you published the infographic and crop with an image editing tool. Takes just another minute.<\/p>\n<p>Bonus Tip: You can go back to manage your infographic and quickly change to another template, save, reload the page and see if the other template looks and works better.<\/p>\n<p>Bonus Tip No. 2: iList comes with iChart shortcode generator. Use the iChart button in your page&#8217;s visual editor to generate and display a stand-alone chart or bar easily and independently of<\/p>\n<p>Bonus Tip No. 3: You can use iList to create simple Text List or Graphics List as well. We have specialized templates for these use cases as well<\/p>\n<h3>If you have not already,\u00a0<a href=\"https:\/\/www.quantumcloud.com\/products\/infographic-maker-ilist\/\">Buy iList<\/a><\/h3>\n<p>Leave a comment if you had a question or <strong>feedback<\/strong> to make iList <strong>better<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is an Infographic Really? Simply put an Infographic is a visual representation of information using elements such as charts, images, and text. &#8220;a good infographic is worth a thousand words&#8221; So, in principle, an infographic can have three building blocks &#8211; Texts, Images and Charts laid out in a visually impressive manner to convey some idea that anyone can easily grasp. Most often than not, infographics take the form of a List. Because it<\/p>\n","protected":false},"author":5,"featured_media":6223,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[309],"tags":[301,311,233,139],"class_list":["post-6194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-plugins","tag-ilist","tag-infographic","tag-plugin","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Make Infographics with iList? - Knowledgebase, FAQ and Stories from QC<\/title>\n<meta name=\"description\" content=\"An in-depth tutorial on how to make an effective HTML infographic easily with iList. Step by step guide to making elegant infographics in 15 minutes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make Infographics with iList? - Knowledgebase, FAQ and Stories from QC\" \/>\n<meta property=\"og:description\" content=\"An in-depth tutorial on how to make an effective HTML infographic easily with iList. Step by step guide to making elegant infographics in 15 minutes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowledgebase, FAQ and Stories from QC\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/quantumcloud\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-22T12:02:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-19T06:44:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"QuantumCloud\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"QuantumCloud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/\"},\"author\":{\"name\":\"QuantumCloud\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/person\/7c1187c5dcaa9745064efd04fd1519d9\"},\"headline\":\"How to Make Infographics with iList?\",\"datePublished\":\"2017-10-22T12:02:27+00:00\",\"dateModified\":\"2019-11-19T06:44:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/\"},\"wordCount\":1746,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg\",\"keywords\":[\"iList\",\"infographic\",\"plugin\",\"wordpress\"],\"articleSection\":[\"WordPress Plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/\",\"url\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/\",\"name\":\"How to Make Infographics with iList? - Knowledgebase, FAQ and Stories from QC\",\"isPartOf\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg\",\"datePublished\":\"2017-10-22T12:02:27+00:00\",\"dateModified\":\"2019-11-19T06:44:52+00:00\",\"description\":\"An in-depth tutorial on how to make an effective HTML infographic easily with iList. Step by step guide to making elegant infographics in 15 minutes.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage\",\"url\":\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg\",\"contentUrl\":\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg\",\"width\":590,\"height\":300},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#website\",\"url\":\"https:\/\/www.quantumcloud.com\/resources\/\",\"name\":\"Knowledgebase, FAQ and Stories from QC\",\"description\":\"Knowledgebase, FAQ and Stories for QuantumClodud Products\",\"publisher\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.quantumcloud.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#organization\",\"name\":\"QuantumCloud\",\"url\":\"https:\/\/www.quantumcloud.com\/resources\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2016\/07\/qc-new-logo.png\",\"contentUrl\":\"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2016\/07\/qc-new-logo.png\",\"width\":800,\"height\":800,\"caption\":\"QuantumCloud\"},\"image\":{\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/person\/7c1187c5dcaa9745064efd04fd1519d9\",\"name\":\"QuantumCloud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78fea2ab7db5a25d70528bb165788c3e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78fea2ab7db5a25d70528bb165788c3e?s=96&d=mm&r=g\",\"caption\":\"QuantumCloud\"},\"description\":\"I am founder and Executive Director at Web Design Company QuantumCloud. I have been in love with the Internet since 1998. Internet is my passion, obsession and profession. Like to play on my Play Station. Big fan of science fiction books and movies. Fan of Dr. House, Sherlock Homes and Game of Thrones. I strongly believe that Ender's Game is the greatest sci fi book ever written. The movie - one of the worst ones.\",\"sameAs\":[\"http:\/\/www.dna88.com\/\",\"https:\/\/www.facebook.com\/quantumcloud\",\"https:\/\/x.com\/https:\/\/twitter.com\/quantumcloud\"],\"url\":\"https:\/\/www.quantumcloud.com\/resources\/author\/jamil\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make Infographics with iList? - Knowledgebase, FAQ and Stories from QC","description":"An in-depth tutorial on how to make an effective HTML infographic easily with iList. Step by step guide to making elegant infographics in 15 minutes.","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:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/","og_locale":"en_US","og_type":"article","og_title":"How to Make Infographics with iList? - Knowledgebase, FAQ and Stories from QC","og_description":"An in-depth tutorial on how to make an effective HTML infographic easily with iList. Step by step guide to making elegant infographics in 15 minutes.","og_url":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/","og_site_name":"Knowledgebase, FAQ and Stories from QC","article_author":"https:\/\/www.facebook.com\/quantumcloud","article_published_time":"2017-10-22T12:02:27+00:00","article_modified_time":"2019-11-19T06:44:52+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg","type":"image\/jpeg"}],"author":"QuantumCloud","twitter_misc":{"Written by":"QuantumCloud","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#article","isPartOf":{"@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/"},"author":{"name":"QuantumCloud","@id":"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/person\/7c1187c5dcaa9745064efd04fd1519d9"},"headline":"How to Make Infographics with iList?","datePublished":"2017-10-22T12:02:27+00:00","dateModified":"2019-11-19T06:44:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/"},"wordCount":1746,"commentCount":0,"publisher":{"@id":"https:\/\/www.quantumcloud.com\/resources\/#organization"},"image":{"@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage"},"thumbnailUrl":"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg","keywords":["iList","infographic","plugin","wordpress"],"articleSection":["WordPress Plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/","url":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/","name":"How to Make Infographics with iList? - Knowledgebase, FAQ and Stories from QC","isPartOf":{"@id":"https:\/\/www.quantumcloud.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage"},"image":{"@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage"},"thumbnailUrl":"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg","datePublished":"2017-10-22T12:02:27+00:00","dateModified":"2019-11-19T06:44:52+00:00","description":"An in-depth tutorial on how to make an effective HTML infographic easily with iList. Step by step guide to making elegant infographics in 15 minutes.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.quantumcloud.com\/resources\/make-infographics-ilist\/#primaryimage","url":"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg","contentUrl":"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2017\/10\/iList-preview.jpg","width":590,"height":300},{"@type":"WebSite","@id":"https:\/\/www.quantumcloud.com\/resources\/#website","url":"https:\/\/www.quantumcloud.com\/resources\/","name":"Knowledgebase, FAQ and Stories from QC","description":"Knowledgebase, FAQ and Stories for QuantumClodud Products","publisher":{"@id":"https:\/\/www.quantumcloud.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.quantumcloud.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.quantumcloud.com\/resources\/#organization","name":"QuantumCloud","url":"https:\/\/www.quantumcloud.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2016\/07\/qc-new-logo.png","contentUrl":"https:\/\/www.quantumcloud.com\/resources\/wp-content\/uploads\/2016\/07\/qc-new-logo.png","width":800,"height":800,"caption":"QuantumCloud"},"image":{"@id":"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/person\/7c1187c5dcaa9745064efd04fd1519d9","name":"QuantumCloud","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.quantumcloud.com\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78fea2ab7db5a25d70528bb165788c3e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78fea2ab7db5a25d70528bb165788c3e?s=96&d=mm&r=g","caption":"QuantumCloud"},"description":"I am founder and Executive Director at Web Design Company QuantumCloud. I have been in love with the Internet since 1998. Internet is my passion, obsession and profession. Like to play on my Play Station. Big fan of science fiction books and movies. Fan of Dr. House, Sherlock Homes and Game of Thrones. I strongly believe that Ender's Game is the greatest sci fi book ever written. The movie - one of the worst ones.","sameAs":["http:\/\/www.dna88.com\/","https:\/\/www.facebook.com\/quantumcloud","https:\/\/x.com\/https:\/\/twitter.com\/quantumcloud"],"url":"https:\/\/www.quantumcloud.com\/resources\/author\/jamil\/"}]}},"_links":{"self":[{"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/posts\/6194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/comments?post=6194"}],"version-history":[{"count":8,"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/posts\/6194\/revisions"}],"predecessor-version":[{"id":6653,"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/posts\/6194\/revisions\/6653"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/media\/6223"}],"wp:attachment":[{"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/media?parent=6194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/categories?post=6194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quantumcloud.com\/resources\/wp-json\/wp\/v2\/tags?post=6194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}