{"id":333,"date":"2017-04-23T17:43:23","date_gmt":"2017-04-23T17:43:23","guid":{"rendered":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/?p=333"},"modified":"2020-07-31T17:21:11","modified_gmt":"2020-07-31T17:21:11","slug":"how-to-make-my-homepage-like-live-preview","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/how-to-make-my-homepage-like-live-preview\/","title":{"rendered":"How to make my homepage like live preview?"},"content":{"rendered":"<p>After installing the theme and plugins and importing demo data, you may not see your site exactly like our live preview. That is because there are couple of things to be done yet.<\/p>\n<ol>\n<li><strong>To make your homepage like the knowledge base (Help Center) style follow the following instructions:<\/strong>\n<p>The knowledge base style have 5 different homepages, where 3 of them are built with &#8216;Home Page Style 2&#8217; template and 2 of them are built with &#8216;Home Page Style 3&#8217; template.<\/p>\n<p><strong>1. <a href=\"https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-2\/\">https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-2\/<\/a><\/strong>\u00a0Built with (<strong>Home Page &#8211; Style 2<\/strong>) template.<\/p>\n<p><strong>2. <a href=\"https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-3\/\">https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-3\/<\/a><\/strong>\u00a0Built with (<strong>Home Page &#8211; Style 2<\/strong>) template.<\/p>\n<p><strong>3. <a href=\"https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-5\/\">https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-5\/<\/a><\/strong>\u00a0Built with (<strong>Home Page &#8211; Style 2<\/strong>) template.<\/p>\n<p><strong>4. <a href=\"https:\/\/fluentthemes.com\/wp\/knowledgebase\/\">https:\/\/fluentthemes.com\/wp\/knowledgebase\/<\/a><\/strong>\u00a0Built with (<strong>Home Page &#8211; Style 3<\/strong>) template.<\/p>\n<p><strong>5. <a href=\"https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-4\/\">https:\/\/fluentthemes.com\/wp\/knowledgebase\/home-4\/<\/a><\/strong>\u00a0Built with (<strong>Home Page &#8211; Style 3<\/strong>) template.<\/p>\n<ol>\n<li>At first make sure that you have imported correct Demo Data file. To make your site like the above, you need to import <strong>Infocenter_KnowledgeBase.xml\u00a0<\/strong>file. You will find this demo data file in your purchase package&#8217;s\u00a0<strong>InfoCenter &#8211; Knowledge Base and Q-A WordPress Theme.zip<\/strong> file.<\/li>\n<li>Go to your &#8216;Settings &#8211;&gt; Reading&#8217; section\u00a0and choose your front-page from the drop-down. <a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-284 size-full\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2.png\" alt=\"\" width=\"1353\" height=\"609\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2.png 1353w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-300x135.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-768x346.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-1024x461.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-60x27.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-150x68.png 150w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/a>Make sure you have chosen the correct page as your front-page. To make your homepage like the above, you need to choose that page, who has the &#8216;Home Page\u00a0 &#8211; Style 2&#8217; template OR &#8216;Home Page\u00a0 &#8211; Style 3&#8217; chosen.<span style=\"margin-top: 30px; display: block;\">To simplify the documentation we are here giving you screenshots of &#8216;Home Page\u00a0 &#8211; Style 2&#8217; only.<\/span><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-367 size-full\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1.png\" alt=\"\" width=\"1343\" height=\"519\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1.png 1343w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1-300x116.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1-768x297.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1-1024x396.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1-60x23.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc3-1-150x58.png 150w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" \/><\/a><\/li>\n<li>After that go here &#8216;Appearance &#8211;&gt; Theme-Options &#8211;&gt; Home Page &#8211; Style 2 template&#8217;. Fill in the required fields as your need and you are almost done. <a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-366 size-full\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1.png\" alt=\"\" width=\"1292\" height=\"507\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1.png 1292w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1-300x118.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1-768x301.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1-1024x402.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1-60x24.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc1-150x59.png 150w\" sizes=\"(max-width: 1292px) 100vw, 1292px\" \/><\/a><\/li>\n<li>Finally go to your wp-editor of your homepage and you will find some basic settings for that page\u00a0exactly below the content editor. Read those options and fill them up as you want. <a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-365 size-full\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1.png\" alt=\"\" width=\"1339\" height=\"527\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1.png 1339w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1-300x118.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1-768x302.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1-1024x403.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1-60x24.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1-150x59.png 150w\" sizes=\"(max-width: 1339px) 100vw, 1339px\" \/><\/a>Now you can visit your homepage, and you will find the page exactly like our live preview. After that, you can go to &#8216;Appearance &#8211;&gt; Widgets&#8217; page to populate your Footer widget areas. And, also you can go to &#8216;Appearance &#8211;&gt; Menus&#8217; page to make your main menu of your site.<\/li>\n<\/ol>\n<\/li>\n<li><strong>To make your homepage like <a href=\"https:\/\/fluentthemes.com\/wp\/knowledge\/\">Q\/A FORUM STYLE<\/a>, follow the following instructions:<\/strong>\n<ol>\n<li>At first make sure that you have imported correct Demo Data file. To make your site like the above, you need to import <strong>Infocenter_QA_Demo_Data.xml\u00a0<\/strong>file. You will find this demo data file in your purchase package&#8217;s\u00a0<strong>InfoCenter &#8211; Knowledge Base and Q-A WordPress Theme.zip<\/strong> file.<\/li>\n<li>Go to your &#8216;Settings &#8211;&gt; Reading&#8217; section\u00a0and choose your front-page from the drop-down.<a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-284 size-full\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2.png\" alt=\"\" width=\"1353\" height=\"609\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2.png 1353w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-300x135.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-768x346.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-1024x461.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-60x27.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc2-150x68.png 150w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/a>Make sure you have chosen the correct page as your front-page. To make your homepage like the above, you need to choose that page, who has the &#8216;Home Page &#8211; Style 1&#8217; template chosen.\u00a0<a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-363 size-full\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1.png\" alt=\"\" width=\"1329\" height=\"483\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1.png 1329w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1-300x109.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1-768x279.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1-1024x372.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1-60x22.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc5-1-150x55.png 150w\" sizes=\"(max-width: 1329px) 100vw, 1329px\" \/><\/a><\/li>\n<li>After that go here &#8216;Appearance &#8211;&gt; Theme-Options &#8211;&gt; Home Template Page&#8217;. Fill in the required fields as your need and you are almost done.<a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-290\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7.png\" alt=\"\" width=\"1353\" height=\"607\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7.png 1353w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-300x135.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-768x345.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-1024x459.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-60x27.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc7-150x67.png 150w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/a><\/li>\n<li>Finally go to your wp-editor of your homepage and you will find some basic settings for that page\u00a0exactly below the content editor. Read those options and fill them up as you want.Now you can visit your homepage, and you will find the page exactly like our live preview.<a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-364 size-full\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1.png\" alt=\"\" width=\"1333\" height=\"517\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1.png 1333w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1-300x116.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1-768x298.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1-1024x397.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1-60x23.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2017\/04\/sc6-1-150x58.png 150w\" sizes=\"(max-width: 1333px) 100vw, 1333px\" \/><\/a>Now you can visit your homepage, and you will find the page exactly like our live preview. After that, you can go to &#8216;Appearance &#8211;&gt; Widgets&#8217; page to populate your Footer widget areas. And, also you can go to &#8216;Appearance &#8211;&gt; Menus&#8217; page to make your main menu of your site.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>After installing the theme and plugins and importing demo data, you may not see your site exactly like our live preview. That is because there are couple of things to be done yet. To make your homepage like the knowledge base (Help Center) style follow the following instructions: The knowledge base style have 5 different [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,4],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/posts\/333"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}