{"id":85,"date":"2019-03-12T14:34:43","date_gmt":"2019-03-12T14:34:43","guid":{"rendered":"http:\/\/localhost\/wordpress\/lore-demo\/?post_type=lsvr_kba&amp;p=85"},"modified":"2019-03-12T14:34:43","modified_gmt":"2019-03-12T14:34:43","slug":"front-page","status":"publish","type":"lsvr_kba","link":"https:\/\/help.letterhub.com\/index.php\/knowledge-base\/front-page\/","title":{"rendered":"Front Page"},"content":{"rendered":"\n\t\t\t\t\n<p>Please note that this is a custom post type driven theme. Which means that all core content like knowledge base articles and FAQ posts is managed via special post types (very similar to standard blog posts). Many front page elements rely on those post types, so unless you&#8217;ve already created some articles or other posts, there may not be much to display on your front page.<\/p>\n\n\n\n<p>The following tutorial assumes that you want to create a front page similar to the &#8220;Classic Home&#8221; from the demo. <strong>The preferred way to create a front page is using the WordPress block editor<\/strong> (Gutenberg).<\/p>\n\n\n\n<p>1.) Our default demo home page is using the <em><strong>Lore Sitemap<\/strong><\/em> block, which requires a standard WordPress menu to work, so first let&#8217;s head to <em>Appearance \/ Menus<\/em> and create one. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a class=\"lsvr-open-in-lightbox\" href=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-10.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img src=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-10.jpg\" alt=\"\" class=\"wp-image-324\"\/><\/a><figcaption>1. Create a new menu<br>2. Populate it with the items from the left panel, you can use <em>Custom Links<\/em> tab to add absolute URLs for post archives (e.g. yoursite.com\/knowledge-base) or external sites<br>3. If you do not see <em>Custom Links<\/em> or other tabs, enable them under <em>Screen Options<\/em><br>4. Keep the menu two-dimensional (two levels)<br>5. Once it is ready, save it<\/figcaption><\/figure>\n\n\n\n<p>2.) Next, create a new page under <em>Pages<\/em>, or edit an existing one.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a class=\"lsvr-open-in-lightbox\" href=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-20.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img src=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-20.jpg\" alt=\"\" class=\"wp-image-325\"\/><\/a><figcaption>1. Insert page title, you can use some basic HTML tags<br>2. You can change the page layout by changing the <em>Template<\/em> attribute, we will be using the <em>Default template<\/em> in this example<br>3. Please note that the <em>Sidebar Settings<\/em> will work only for <em>Sidebar on the Left w\/o Title<\/em>, <em>Sidebar on the Left<\/em>, Sideb<em>ar on the Right w\/o Title<\/em> and <em>Sidebar on the Right<\/em> templates<\/figcaption><\/figure>\n\n\n\n<p>3.) You can display list of blocks by clicking on &#8220;plus&#8221; button at the top of the editor. This page will contain only blocks from <em>Lore<\/em> tab. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a class=\"lsvr-open-in-lightbox\" href=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-30.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img src=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-30.jpg\" alt=\"\" class=\"wp-image-327\"\/><\/a><figcaption>1. Click on &#8220;plus&#8221; button<br>2. <em>Lore<\/em> tab contains theme-specific blocks<br>3. <em>LSVR Elements<\/em> tab contains various basic LSVR blocks added via LSVR Elements plugin<br>4. <em>LSVR Widgets<\/em> tab contains blocks based on various LSVR widgets added via LSVR plugins<\/figcaption><\/figure>\n\n\n\n<p>4.) The grid section from the default demo home page can be created using the one of the three different blocks: <strong><em>Lore Knowledge Base<\/em><\/strong> &#8211; it displays knowledge base categories and articles, <strong><em>Lore Sidebar<\/em><\/strong> &#8211; it displays sidebar widgets and finally <strong><em>Lore Sitemap<\/em><\/strong> &#8211; it uses the standard WordPress menu. As mentioned in the first step, we will use the <strong><em>Lore Sitemap<\/em><\/strong> block for our example (can be found under <em>Lore<\/em> tab).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a class=\"lsvr-open-in-lightbox\" href=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-40.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img src=\"http:\/\/localhost\/wordpress\/lore-demo\/wp-content\/uploads\/sites\/13\/2019\/03\/front-page-40.jpg\" alt=\"\" class=\"wp-image-328\"\/><\/a><figcaption>1. Click on the block once you&#8217;ve added it<br>2. Make sure you are editing the block and not the document<br>3. Choose the menu you&#8217;ve created in the first step<\/figcaption><\/figure>\n\n\n\n<p>5.) The most important option here is the <em>Menu<\/em>. Set other options as you like (for example set the CTA options if you want the demo look).<\/p>\n\n\n\n<p>6.) The second block on our default home page is <em><strong>Lore Posts<\/strong><\/em>. Again, select it from the <em>Lore<\/em> tab, then click on it and set its options. Please note that you will need some standard WordPress posts for this block to display. You may want to add excerpt for your blog posts.<\/p>\n\n\n\n<p>7.) Once you are done, save your page and set it as your front page under <em>Settings \/ Reading<\/em>. <\/p>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Please note that this is a custom post type driven theme. Which means that all core content like knowledge base articles and FAQ posts is managed via special post types (very similar to standard blog posts). Many front page elements rely on those post types, so unless you&#8217;ve already created some articles or other posts, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":[],"lsvr_kba_cat":[12],"lsvr_kba_tag":[],"_links":{"self":[{"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/lsvr_kba\/85"}],"collection":[{"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/lsvr_kba"}],"about":[{"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/types\/lsvr_kba"}],"author":[{"embeddable":true,"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":0,"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/lsvr_kba\/85\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"lsvr_kba_cat","embeddable":true,"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/lsvr_kba_cat?post=85"},{"taxonomy":"lsvr_kba_tag","embeddable":true,"href":"https:\/\/help.letterhub.com\/index.php\/wp-json\/wp\/v2\/lsvr_kba_tag?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}