{"id":1798,"date":"2017-05-05T14:48:19","date_gmt":"2017-05-05T14:48:19","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=1798"},"modified":"2017-10-21T13:23:33","modified_gmt":"2017-10-21T13:23:33","slug":"managing-projects","status":"publish","type":"page","link":"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/managing-projects\/","title":{"rendered":"Managing Projects"},"content":{"rendered":"<p>Projects\u00a0represent\u00a0the right tools for <strong><em>enhancing your portfolio<\/em><\/strong> by making each project to stand from the crowd with the unique layout, the\u00a0mix of images and text alignments to unleash your creativity.<\/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>Technically speaking, projects are custom entries for displaying your\u00a0<strong><em>portfolio\u00a0<\/em><\/strong>or\u00a0<strong><em>works<\/em><\/strong>,\u00a0listed in reverse chronological order on that\u00a0page you set them up.<\/p>\n<p>Projects are conceived to have two sides: <strong><em>Single<\/em> <\/strong>and <strong><em>Archive<\/em><\/strong> (that is displayed with <em><a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/media-elements\/#projects\" target=\"_blank\" rel=\"noopener\">Projects shortcode<\/a><\/em>). The information from this article is oriented on Single Project\u2019s features and the way they affect locally the project itself.<\/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=\"#general-overiew\">General overiew<br \/>\n<\/a><a href=\"#typologies\">Typologies<\/a><br \/>\n<a href=\"#project-options\">Project Options<\/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>Any Project, that Ombra Theme\u00a0is able to create, consists of the following layout:<\/p>\n<ul>\n<li><strong>Project Header\u00a0<\/strong>\u2014 the element which offer uniqueness to Project look, being defined by different types\u00a0display: <strong><em>Masonry<\/em><\/strong>, <strong><em>Slider<\/em> <\/strong>and <em><strong>Carousel<\/strong>.\u00a0<\/em>It also contains <em>Branding<\/em>, <em>Project Description<\/em>\u00a0and <em>Custom fields<\/em>.<\/li>\n<li><strong>Project Content\u00a0<\/strong>\u2014 consists of\u00a0<em>Text<\/em> and <em>Sidebar<\/em><\/li>\n<li><strong>Project Footer\u00a0<\/strong>\u2014 composed of following sections:\u00a0<em>Info<\/em>, <em>Related Projects<\/em>, <em>Comments<\/em> and <em>Navigation<\/em><\/li>\n<\/ul>\n\n<div id=\"general-overview\"\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>General overview<\/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>For\u00a0any kind of project, you are able to set up the elements\u00a0like\u00a0<strong><em>Featured Image<\/em><\/strong>\u00a0or <em><strong>Taxonomies <\/strong>(Categories and Tags)<\/em>.<\/p>\n<p>The first one \u2014 <strong><em>Featured Image<\/em><\/strong> \u2014\u00a0is essential as it <strong><em>appears on Projects Archive<\/em><\/strong> or, by other words, on any page where you added your works with <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/media-elements\/#projects\" target=\"_blank\" rel=\"noopener\"><em>Projects shortcode<\/em><\/a>. So, it is mandatory to add it in order to display optimally your portfolio.<\/p>\n<p>The second one\u00a0\u2014 <strong><em>Taxonomies\u00a0<\/em><\/strong><em>(taxonomy is a way to group things together)<\/em>\u00a0\u2014 refers to the\u00a0<em><strong>Categories\u00a0<\/strong><\/em>and <em><strong>Tags<\/strong><\/em> of the project.\u00a0<em>Categories<\/em> are displayed beneath the Project title, as part of <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/adding-posts\/#metadata\" target=\"_blank\" rel=\"noopener\"><em>Metadata<\/em><\/a>.\u00a0In the case of <em>tags<\/em>, they are showcased at the end of Project, inside <em><a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/layout-structure\/#sub-elements-diagram\" target=\"_blank\" rel=\"noopener\">Info section<\/a><\/em>.<\/p>\n\n<div id=\"typologies\"\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>Typologies<\/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><em>The most important element<\/em> of any Project is represented by its Header, as it can easily differentiate the Project from other pages of your site. Actually, the Project Header is the element which differentiate projects from each other.<\/p>\n<p>There are three types of Project Headers\u00a0that can be used to customize the project&#8217;s presentation and make it unique among other projects: <em><strong>Masonry<\/strong><\/em>, <em><strong>Slider<\/strong><\/em> and <em><strong>Carousel<\/strong><\/em>. Each of them could also be enhanced by <strong><em>Hero Header<\/em><\/strong> Area, where you can add any type of content.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3110 size-full\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Hero-Header.jpg\" alt=\"\" width=\"1000\" height=\"750\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Hero-Header.jpg 1000w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Hero-Header-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Hero-Header-768x576.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Any of them\u00a0consists of the following elements: <em><strong>Media items <\/strong>(that could appear as Masonry, Slider or edited inside a Content Block)<\/em>, <em><strong>Branding<\/strong><\/em> (title, metadata, breadcrumbs), and\u00a0<em><strong>Project<\/strong> <strong>details <\/strong>(<\/em>which include <em>Project description<\/em>\u00a0and <em>Custom fields \u2014 the\u00a0theme comes with one built-in custom fields\u00a0\u2014 Date \u2014 but you are able to add as many Custom Fields as you want)<\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2886\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_elements.jpg\" alt=\"\" width=\"751\" height=\"563\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_elements.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_elements-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_elements-768x576.jpg 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #959595; padding: 12px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/project\/urban-vs-identity\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #959595;\">Masonry<\/span><\/a><\/p><\/div>\n<p>When Masonry is set up, the Project Header is displayed as a\u00a0<strong><em>Gallery of <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#cards\" target=\"_blank\" rel=\"noopener\">cards<\/a>\u00a0<\/em><\/strong><em>(in this case, the cards are actually images). <\/em>All you need to do is to upload the images you want from\u00a0Media Library, then customize the specific options for Masonry:<\/p>\n<ul>\n<li><strong>number of columns<\/strong>\u00a0\u2014\u00a0how many columns of images are displayed: 1, 2, 3, 4, 5 or 6<\/li>\n<li><strong>columns spacing<\/strong>\u00a0\u2014\u00a0\u00a0spacing between columns, <em>measured in pixels<\/em><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2888\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project-masonry.jpg\" alt=\"\" width=\"751\" height=\"563\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project-masonry.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project-masonry-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project-masonry-768x576.jpg 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #959595; padding: 12px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/project\/baking-wonderland\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #959595;\">Slider<\/span><\/a><\/p><\/div>\n<p>If choosing Slider as Project Header, the media items are presented as a slider of images. After uploading the desired images, you need to\u00a0set up the slider options and you are good to go:<\/p>\n<ul>\n<li><strong>height<\/strong>\u00a0\u2014 slider height, <em>measured in pixels<\/em><\/li>\n<li><strong>image scaling<\/strong>\u00a0\u2014 \u00a0the way images scale on slider. Its two options have specific behaviours: \u00a0<em>Fill<\/em> \u2013 recommended for landscape images and\u00a0<em>Fit<\/em> \u2013 recommended for portrait images<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2889\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_slider.jpg\" alt=\"\" width=\"751\" height=\"563\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_slider.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_slider-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_slider-768x576.jpg 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #959595; padding: 12px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/project\/journee-de-femme\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #959595;\">Carousel<\/span><\/a><\/p><\/div>\n<p>If choosing Carousel as Project Header, the media items are presented as a carousel of images. After uploading the desired images, you need to\u00a0set up the following carousel options:<\/p>\n<ul>\n<li><strong>height<\/strong>\u00a0\u2014 carousel height, <em>measured in pixels<\/em><\/li>\n<li><strong>number of slides<\/strong>\u00a0\u2014 how many slides of images are displayed: 3, 5, 7, 9 or 11<\/li>\n<li><strong>slides spacing<\/strong>\u00a0\u2014 spacing between slides, <em>measured in pixels<\/em><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3112\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_carousel.jpg\" alt=\"\" width=\"1000\" height=\"750\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_carousel.jpg 1000w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_carousel-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_carousel-768x576.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n\n<div id=\"project-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>Project Options<\/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>Beyond the <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/general-options\/\" target=\"_blank\" rel=\"noopener\"><em><strong>General Options<\/strong><\/em><\/a>, any single project has specific features presented in <em>Project Options<\/em> panel, below the edit box. They\u00a0are the necessary tools to make your page to stand out from\u00a0other projects\u00a0of your site.<\/p>\n<ul>\n<li><strong>Type<\/strong>\u00a0\u2014 choose how the project images will be displayed: <em>Masonry<\/em>, <em>Slider<\/em> or <em>Carousel<\/em><\/li>\n<li><b>Full width\u00a0<\/b>\u2014 Project Header takes screen full width size<\/li>\n<li><strong>Upload\u00a0<\/strong>\u2014\u00a0add images to\u00a0your project from Media Library<\/li>\n<li><strong>Hero Header\u00a0<\/strong>\u2014\u00a0unleash your creativity while choosing the layout and design for your project<\/li>\n<li><strong>Details Position\u00a0<\/strong>\u2014 choose the position for the project details (they include <em>Project Description<\/em> and <em>Custom fields<\/em>): Top, Right, Bottom, Left<\/li>\n<\/ul>\n\n<div id=\"project-details\"\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<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2891\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_details.jpg\" alt=\"\" width=\"751\" height=\"563\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_details.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_details-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Project_details-768x576.jpg 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/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\n<ul>\n<li><strong>Project Date<\/strong>\u00a0\u2014\u00a0 the theme built-in custom field for displaying the project date<\/li>\n<li><strong>Project short description\u00a0<\/strong>\u2014 enter couple of words about the project itself<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Projects\u00a0represent\u00a0the right tools for enhancing your portfolio by making each project to stand from the crowd with the unique layout, the\u00a0mix of images and text alignments to unleash your creativity. Any Project, that Ombra Theme\u00a0is able to create, consists of the following layout: Project Header\u00a0\u2014 the element which offer uniqueness to Project look, being defined [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1791,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1798","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1798","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=1798"}],"version-history":[{"count":15,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1798\/revisions"}],"predecessor-version":[{"id":3457,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1798\/revisions\/3457"}],"up":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1791"}],"wp:attachment":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=1798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}