{"id":1780,"date":"2017-05-05T14:34:37","date_gmt":"2017-05-05T14:34:37","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=1780"},"modified":"2017-12-12T15:41:55","modified_gmt":"2017-12-12T15:41:55","slug":"creating-pages","status":"publish","type":"page","link":"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/creating-pages\/","title":{"rendered":"Creating Pages"},"content":{"rendered":"<p>Pages are entries that live outside of the <em>Posts<\/em> or <em>Projects<\/em>\u00a0chronology, and are often used to present <strong><em>timeless information<\/em><\/strong> about your site \u2014\u00a0information that is always relevant. You can use Pages to organize and manage the structure of your website content.<\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>The\u00a0organizational structure for Pages comes from <strong><em>hierarchical interrelationship<\/em><\/strong>, not from a system of categorization or taxonomies (Categories or Tags).<\/p>\n<p>So, if comparing to Posts or Projects, Pages cannot\u00a0be associated with Categories or Tags.<\/p><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\">\n<div \t\tclass=\"pikode pikode--row  summary-box\" style=\"padding: 0px 0px 36px 0px; margin: 0px -36px 0px 0px;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t\t<div class=\"pikode--row__background\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"color-overlay\" style=\"opacity: 1; background-color: #4b917d;\" ><\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-light\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 0px 30px 0px 30px;\" >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; line-height: 1.0; text-decoration: none; color: #ffffff; padding: 36px 0px 0px 0px;\"><p>Summary<\/p><\/div>\n<p><a href=\"#page-options\">Page\u00a0Options<br \/>\n<\/a><a href=\"#blog-template\">Blog Template<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n<p>Their hierarchical structure\u00a0could easily be understood by saying that\u00a0a page can have <em>parent-pages<\/em> or\u00a0<em>sub-pages.<\/em>\u00a0For example, a page, that is called <em>About us,<\/em> can have a sub-page, called <em>Services<\/em>\u00a0\u2014 by this way, the <em>About us<\/em> page becomes a parent-page for <em>Services<\/em>.<\/p>\n<p>Any Page, that Ombra Theme\u00a0is able to create, consists of the following layout:<\/p>\n<ul>\n<li><strong>Page Header\u00a0<\/strong>\u2014 the element which offer uniqueness to Page look, as it stands at its beginning. You are able to insert any type of content here, even if it is recommended to use here items with\u00a0visual strong impact, like <em>Projects or Albums<\/em><\/li>\n<li><strong>Page Content\u00a0<\/strong>\u2014 consists of\u00a0<em>Branding<\/em>, <em>Text<\/em> and <em>Sidebar<\/em><\/li>\n<li><strong>Page Footer\u00a0<\/strong>\u2014 composed of following sections:\u00a0<em>Info<\/em>, <em>Comments<\/em> and <em>Navigation<\/em><\/li>\n<\/ul>\n<p>One specific feature of Pages is that\u00a0they can utilize custom page templates. OMBRA theme has one powerful and elegant custom template, that is called <strong><em>Blog Template<\/em><\/strong>.<\/p>\n<p>You could also set up a <strong><em>Featured Image<\/em><\/strong> which works well when Featured Branding is enabled, as it represent its background.<\/p>\n<p>In order to create\u00a0a page, you should do the following steps:<\/p>\n<ul>\n<li>Log in to your WordPress Dashboard<\/li>\n<li>Click\u00a0<strong><em>Pages\u00a0<\/em>\u2192\u00a0<em>Add New<\/em><\/strong><\/li>\n<li>Enter your page title in the upper field, then fill up\u00a0your page body content in the main page editing box<\/li>\n<li>As needed, <strong><em>choose the Template\u00a0<\/em><\/strong>or\u00a0<strong><em>select a\u00a0Parent-page<\/em><\/strong><\/li>\n<li>Customize your Page from\u00a0<strong><em>General Options<\/em><\/strong>\u00a0or\u00a0<strong><em>Page Options\u00a0<\/em><\/strong>panels<\/li>\n<li>When you are ready, click <em><b>Publish<\/b><\/em><\/li>\n<\/ul>\n\n<div id=\"page-options\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p>Page\u00a0Options<\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>The Page\u00a0Options\u00a0are the necessary tools to make your page to stand out from\u00a0other elements or pages of your site. They are represented by\u00a0<strong><em>Hero\u00a0Header<\/em><\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3078\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Page-Options.jpg\" alt=\"\" width=\"1000\" height=\"750\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Page-Options.jpg 1200w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Page-Options-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Page-Options-768x576.jpg 768w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Page-Options-1024x768.jpg 1024w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>As Posts and Projects, the Page is conceived to offer you the <strong><em>unlimited freedom in the matter of layout and content distribution<\/em><\/strong>. That is why we preserve the same designing rule when talking about <strong><em>Hero Header<\/em><\/strong> from Page Options, that\u00a0allows you to add any kind of content: Projects, Albums, Media items or text fields.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 0px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span> \u00a0\u00a0Do not think about Page Header as a separate item of Page. You can use it\u00a0to insert here the entire content you need to display on your page.<\/p><\/div><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #636363; padding: 36px 36px 6px 36px; margin: 0px -36px 0px 0px; background-color: #f1f1f1;\"><p>A powerful tool of any page consists of its <strong><em>Hero\u00a0<\/em><em>Header<\/em><\/strong> as it represent the element you could <strong><em>emphasize your content<\/em><\/strong> with and <strong><em>make it unique<\/em><\/strong>.<\/p><\/div><\/div><\/div>\n\n<div id=\"blog-template\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/blog-shadow-effect\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Blog Template<\/span><\/a><\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>The Blog Template was designed to help you starting and customizing your own blog. You could switch to Blog Template by going to <em>Page Attributes\u00a0\u2192 Template<\/em>. The Blog Template has the following options:<\/p>\n<ul>\n<li><strong>Display type\u00a0<\/strong>\u2014 the way Blog Posts are displayed; choose between 6 types of cards: <strong><em>Shadow<\/em><\/strong>, <strong><em>Move<\/em><\/strong>, <strong><em>Fade<\/em><\/strong>, <em><strong>Rising<\/strong>,<strong> Plain <\/strong><\/em>or<em><strong> List.\u00a0<\/strong><\/em>Read more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#cards\" target=\"_blank\" rel=\"noopener\"><em>cards<\/em><\/a>.<\/li>\n<li><strong>*Overlay Transparency\u00a0<\/strong>\u2014 overlay color transparency <em>while hovering by mouse<\/em>. The overlay color is set up in Theme Options when choosing <em>General \u2192\u00a0Colors \u2192\u00a0Feature color.<\/em>\u00a0<em>It affects\u00a0just <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#move\" target=\"_blank\" rel=\"noopener\">Move<\/a> and <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#fade\" target=\"_blank\" rel=\"noopener\">Fade<\/a>\u00a0Types<\/em><\/li>\n<li><strong>Columns number\u00a0<\/strong>\u2014 choose how many columns of Blog Posts to showcase:\u00a01, 2, 3, 4, 5 or 6<\/li>\n<li><strong>Columns spacing\u00a0<\/strong>\u2014 enter the spacing between columns, <em>measured in pixels<\/em><\/li>\n<li><strong>Full Width\u00a0<\/strong>\u2014 blog page takes screen full width size<\/li>\n<li><strong>Categories filter<\/strong>\u00a0\u2014 it helps to sort items based on categories: <em>Main Categories<\/em> shows just the categories without its child-categories, if comparing to <em>All Categories<\/em><\/li>\n<li><strong>Filter position<\/strong>\u00a0\u2014 the filter can be placed on left, center or right side above the blog<\/li>\n<li><strong>Posts Categories<\/strong>\u00a0\u2014\u00a0filter items by categories; leave empty to select all items<\/li>\n<li><strong>Posts Tags\u00a0<\/strong>\u2014\u00a0filter items by tags; leave empty to select all items<\/li>\n<li><strong>Posts\u00a0<\/strong>\u2014\u00a0you can choose specific posts to display, by entering their ID&#8217;s, separated by comma. The ID could be taken from Post Item URL<\/li>\n<li><strong>Order by<\/strong>\u00a0\u2014 the posts can be organized by\u00a0<em>Date<\/em>, <em>Title<\/em>, <em>Author<\/em>, <em>ID<\/em>, <em>Last modified date<\/em> and <em>Parent ID<\/em><\/li>\n<li><strong>Order\u00a0<\/strong>\u2014\u00a0choose between <em>Ascending<\/em> and <em>Descending<\/em> order<\/li>\n<li><strong>Number of Posts per page<\/strong>\u00a0\u2014\u00a0enter the number of posts to display at a time on one page<\/li>\n<li><strong>Additional content<\/strong>\u00a0\u2014 you can add more content immediately below the Blog<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Pages are entries that live outside of the Posts or Projects\u00a0chronology, and are often used to present timeless information about your site \u2014\u00a0information that is always relevant. You can use Pages to organize and manage the structure of your website content. Their hierarchical structure\u00a0could easily be understood by saying that\u00a0a page can have parent-pages or\u00a0sub-pages.\u00a0For [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1770,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=1780"}],"version-history":[{"count":12,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1780\/revisions"}],"predecessor-version":[{"id":3554,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1780\/revisions\/3554"}],"up":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1770"}],"wp:attachment":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=1780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}