{"id":39,"date":"2018-01-14T07:04:29","date_gmt":"2018-01-14T07:04:29","guid":{"rendered":"http:\/\/www.getyourquotes.com\/user-two\/wordpress\/?p=39"},"modified":"2018-01-14T07:04:29","modified_gmt":"2018-01-14T07:04:29","slug":"setup-homepage","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/blog\/setup-homepage\/","title":{"rendered":"Setup Homepage"},"content":{"rendered":"<p>1. Create your new page and give it a name, e.g : Home and Set the page template to Page WIth VC Template<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-large wp-image-40\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/home1-1024x486.png\" alt=\"\" width=\"980\" height=\"465\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/home1-1024x486.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/home1-300x142.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/home1-768x365.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/home1-60x28.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/home1-150x71.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/home1.png 1333w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<p>2. You will see new buttons so that you can toggle between classic mode and builder mode as well as a button to take you to the live front-end editor. Now we will use Classic Mode to add elements.<\/p>\n<p>3. By Clicking on &#8216;Add Element&#8217; button you can see the List of all elements which can be added and configured on your page.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-large wp-image-41\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual1-1024x465.png\" alt=\"\" width=\"980\" height=\"445\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual1-1024x465.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual1-300x136.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual1-768x349.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual1-60x27.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual1-150x68.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual1.png 1337w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<p>4. Find the tab\u00a0<strong>by Fluent-Themes Shortcodes<\/strong>. When click on\u00a0<strong>by Fluent-Themes Shortcodes<\/strong>\u00a0then you can see like the following image<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-large wp-image-42\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual2-1024x452.png\" alt=\"\" width=\"980\" height=\"433\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual2-1024x452.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual2-300x132.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual2-768x339.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual2-60x26.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual2-150x66.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual2.png 1275w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<p>5. You can click on any element from there to use it in your page. For example, if you want to use &#8216;Home Slider&#8217; element, just click on the &#8216;Home Slider&#8217;. You will find a pop-up with the settings fields of &#8216;Home Slider&#8217; element. Select a Category and fill up the settings fields as you need. Then make sure click on the Save Changes button and Update\/Publish your page.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-large wp-image-43\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual3-1024x497.png\" alt=\"\" width=\"980\" height=\"476\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual3-1024x497.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual3-300x146.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual3-768x373.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual3-60x29.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual3-150x73.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual3.png 1345w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<p>6. Look at the following image to know how to change the &#8216;Header style&#8217;, &#8216;Footer style&#8217;, &#8216;Body background color&#8217; for this particular page.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-large wp-image-44\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual4-952x1024.png\" alt=\"\" width=\"952\" height=\"1024\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual4-952x1024.png 952w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual4-279x300.png 279w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual4-768x826.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual4-56x60.png 56w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual4-140x150.png 140w, https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-content\/uploads\/2018\/01\/visual4.png 1184w\" sizes=\"(max-width: 952px) 100vw, 952px\" \/><\/p>\n<p>7. When you are done adding elements to your page, click on Publish\/Update button. Now you page is ready. If you want to add new element in your page you can add.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Create your new page and give it a name, e.g : Home and Set the page template to Page WIth VC Template &nbsp; 2. You will see new buttons so that you can toggle between classic mode and builder mode as well as a button to take you to the live front-end editor. Now [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/39"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}