{"id":103,"date":"2020-09-21T16:37:44","date_gmt":"2020-09-21T16:37:44","guid":{"rendered":"https:\/\/docs.softhopper.studio\/anno\/?post_type=ht_kb&#038;p=103"},"modified":"2020-09-21T17:32:26","modified_gmt":"2020-09-21T17:32:26","slug":"how-add-a-page","status":"publish","type":"ht_kb","link":"https:\/\/docs.softhopper.studio\/anno\/knowledge-base\/how-add-a-page\/","title":{"rendered":"How add a page?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/page-overview-1024x488-1.png\" alt=\"\" class=\"wp-image-104\"\/><\/figure>\n\n\n\n<p>We included a lot of options on the page. because we think the page is the most important things of theme like a portfolio or agency. on the page maximum thing, we can include with Elementor. But before that at here we discussed those options and why and how you can use this.<\/p>\n\n\n\n<p>All things are like WordPress pages. the most important thing is page meta things. Now I would like to tell you why we included these tools and how is the uses.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"at-page-options-what-we-included\" >At page options what we included?<\/h4>\n\n\n\n<p><strong>Header:<\/strong>\u00a0To managing page header we are trying to cover maximum options for you. Let\u2019s see what we included here \u2013<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Show header<\/strong>&nbsp;\u2013 If you want to disable page header then it will be for you.<\/li><li><strong>Select Header Type<\/strong>&nbsp;\u2013 Here are three options \u2013<ol><li><strong>Theme settings<\/strong>&nbsp;\u2013 Theme setting is for using theme settings. which is available at customizer.<\/li><li><strong>Custom Header<\/strong>&nbsp;\u2013 If you want to change the default header things then all header options are available at here.<ol><li><strong>Header Main Logo<\/strong>&nbsp;\u2013 To include the different logo at page.<\/li><li><strong>Header Background<\/strong>&nbsp;\u2013 Change header background colors.<\/li><li><strong>Header Border Color<\/strong>&nbsp;\u2013 Change the header bottom border colors from here.<\/li><li><strong>Transparent Header<\/strong>&nbsp;\u2013 For using transparent header, just make it yes.<\/li><li><strong>Full-Width Header&nbsp;<\/strong>\u2013 Want to use full-width header then make it yes.<\/li><li><strong>Menu Type<\/strong>&nbsp;\u2013 We include two menus, one is for a hamburger and another one is a normal menu. you can select different menu type for your header<\/li><\/ol><\/li><\/ol><\/li><\/ol>\n\n\n\n<p><strong>Sticky Header<\/strong>\u00a0\u2013 If you want to enable sticky header then you can do it from here.<\/p>\n\n\n\n<p><strong>Select Header Template<\/strong>\u00a0\u2013 At custom template means we included header and footer builder with elementor. So the template you make for the header that you enable from here. so that things you can build your own way.<\/p>\n\n\n\n<p><strong>Sticky Header Template<\/strong> &#8211; When enable sticky header then Sticky header template appearing. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-1024x504.png\" alt=\"\" class=\"wp-image-108\" srcset=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-1024x504.png 1024w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-300x148.png 300w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-768x378.png 768w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-50x25.png 50w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-1536x756.png 1536w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-920x453.png 920w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-600x295.png 600w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options-320x157.png 320w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/header-options.png 1744w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Content Area:<\/strong>&nbsp;At the content area, we cover some option which is helpful for page content area. Although when you are edit page with elementor this is not necessary probably this helps you to customize everything. Let\u2019s see \u2013<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Spacing Top<\/strong>\u00a0\u2013 For Add page spacing top<\/li><li><strong>Spacing Bottom<\/strong>\u00a0\u2013 For add page spacing bottom<\/li><li><strong>Article Spacing Top<\/strong>\u00a0\u2013 For article spacing top<\/li><li><strong>Article Spacing Bottom<\/strong>\u00a0\u2013 For article spacing bottom<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-1024x505.png\" alt=\"\" class=\"wp-image-109\" srcset=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-1024x505.png 1024w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-300x148.png 300w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-768x379.png 768w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-50x25.png 50w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-1536x758.png 1536w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-920x454.png 920w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-600x296.png 600w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options-320x158.png 320w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/content_options.png 1732w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Footer:&nbsp;<\/strong>As like the header this very necessary to include an option for changing the footer. We are trying to give you the freedom to build any design or any website you want. Now see what can you do with footer \u2013<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Show footer<\/strong>\u00a0\u2013 If you want to hide footer from the page then you can do it form here.<\/li><li><strong>Footer Type<\/strong>\u00a0\u2013 If you want to display custom footer template for page then you can do it from here. for that, you need to select a custom template from here.<ol><li><strong>Select Footer Template<\/strong>\u00a0\u2013 When you select a custom template then a list expands if you create a footer template from Materia Template. After selecting the footer template from here new footer is expanded<\/li><\/ol><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-1024x507.png\" alt=\"\" class=\"wp-image-110\" srcset=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-1024x507.png 1024w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-300x149.png 300w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-768x380.png 768w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-50x25.png 50w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-1536x761.png 1536w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-920x456.png 920w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-600x297.png 600w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options-320x159.png 320w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/footer-options.png 1738w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[5],"ht_kb_tag":[],"class_list":["post-103","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-add-posts-page-portfolio"],"_links":{"self":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":3,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb\/103\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb\/103\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb_category?post=103"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb_tag?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}