{"id":1793,"date":"2017-05-05T14:45:35","date_gmt":"2017-05-05T14:45:35","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=1793"},"modified":"2018-05-28T08:27:26","modified_gmt":"2018-05-28T08:27:26","slug":"create-exquisite-items","status":"publish","type":"page","link":"https:\/\/nels.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/","title":{"rendered":"Create exquisite items"},"content":{"rendered":"<p>Any kind of archive or items collection, like <em><strong>Projects list <\/strong><\/em>or<em><strong>\u00a0<\/strong><\/em><em><strong>Shop items<\/strong><\/em>,\u00a0could be represented with exquisite design elements like carousels or elegant cards.<\/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>Each of them are customizable with specific options as you may need\u00a0different\u00a0looks in order to diversify your portfolio\u00a0of works.<\/p>\n<p>Their custom features could be set up, depending on case, in Theme Options \u2014 at a global level, in Album \/\u00a0Projects shortcodes popup windows\u00a0\u2014 \u00a0at a local level or even in <a href=\"https:\/\/nels.pikarthouse.com\/documentation\/managing-content\/creating-pages\/#blog-template\" target=\"_blank\" rel=\"noopener\"><em>Blog Options<\/em><\/a> panel.<\/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\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\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\t style=\"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--24\" 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=\"#cards\">Cards<\/a><br \/>\n<a href=\"#carousels\">Carousels<\/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>The only condition, we recommend\u00a0for\u00a0following, is to use these design items wisely, in order to keep a consistent overall look of the site.<\/p>\n\n<div id=\"cards\"\t\tclass=\"pikode pikode--row \"  >\n\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\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\t style=\"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--24\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p>Cards<\/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>Card is a piece of content\u00a0that serves as <strong><em>an entry point to more detailed information<\/em><\/strong>, even if\u00a0they could also stand as <strong><em>independent design elements<\/em><\/strong>. The cards may contain a unique data set, such as photo, video, text, formatted quote or even link about a single subject. Their size varies if considering you can use elements like landscape or portrait images.<\/p>\n<div class=\"col-list\">\n<section class=\"module-module-figure col-3\">\n<div class=\"module\">\n<p>More cards at a time, actually, become\u00a0convenient means of displaying content composed of different elements. Basically,\u00a0a collection of cards could\u00a0represent <strong><em>Projects List<\/em><\/strong>, <strong><em>Shop Items<\/em><\/strong>, <strong><em>Related Items <\/em><\/strong><em>(Shop\/Projects\/Posts)<\/em> or even <strong><em>a<\/em> <em>Blog<\/em><\/strong>, with Posts in the role of\u00a0cards.<\/p>\n<p><strong><em>The Theme comes with four types of cards<\/em><\/strong>, carefully handcrafted, that are designed to\u00a0match your tastes while\u00a0customizing the own portfolio. They behave differently while hovered by mouse.<\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 30px 0px 0px 0px;\"><p>The first one is <b><i>Default\u00a0<\/i><\/b>type, which mimics an object with a falling shadow behind.\u00a0It reminds contemporary art styles, matching well flat design.<\/p><\/div><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3994 size-full\" src=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Default.jpg\" alt=\"\" width=\"400\" height=\"400\" srcset=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Default.jpg 400w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Default-150x150.jpg 150w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Default-300x300.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p><\/div><\/div>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3997 size-full\" src=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Fade.jpg\" alt=\"\" width=\"400\" height=\"267\" srcset=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Fade.jpg 400w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Fade-300x200.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p><\/div><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 30px 0px 0px 0px;\"><p>The\u00a0second one \u2014 <b><i>Fade\u00a0<\/i><\/b>type \u2014 comes with a fancy and elegant gesture. It is conceived generally for classic portfolios.<\/p><\/div><\/div><\/div>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 30px 0px 0px 0px;\"><p>The third one \u2014\u00a0<strong><em>Plain\u00a0<\/em><\/strong>type \u2014 It is conceived generally for classic shop items.<\/p><\/div><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4008 size-full\" src=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Plain.jpg\" alt=\"\" width=\"400\" height=\"343\" srcset=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Plain.jpg 400w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Plain-300x257.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p><\/div><\/div>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4002 size-full\" src=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Pinned.jpg\" alt=\"\" width=\"400\" height=\"268\" srcset=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Pinned.jpg 400w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Pinned-300x201.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p><\/div><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 30px 0px 0px 0px;\"><p>The fourth one \u2014\u00a0<strong><em>Pinned\u00a0<\/em><\/strong>type \u2014 points out precision and direction. It is seen as a very good option for graphic design portfolios or product design works.<\/p><\/div><\/div><\/div>\n\n<div id=\"carousels\"\t\tclass=\"pikode pikode--row \"  >\n\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\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\t style=\"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--24\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><span style=\"color: #4b917d;\">Carousels<\/span><\/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>Carousels represent a <strong><em>specific type of slider<\/em><\/strong>\u00a0which\u00a0are able to showcase more than one item (image or video) at a time.<\/p>\n<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>For a better control of Carousel Slides spacing, it is recommended to use <strong><em>pictures with same dimensions<\/em><\/strong> inside the Carousel.<\/p><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4014 size-full\" src=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Carousel.jpg\" alt=\"\" width=\"800\" height=\"600\" srcset=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Carousel.jpg 800w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Carousel-300x225.jpg 300w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/Carousel-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Any kind of archive or items collection, like Projects list or\u00a0Shop items,\u00a0could be represented with exquisite design elements like carousels or elegant cards. The only condition, we recommend\u00a0for\u00a0following, is to use these design items wisely, in order to keep a consistent overall look of the site. Card is a piece of content\u00a0that serves as an [&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-1793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=1793"}],"version-history":[{"count":28,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1793\/revisions"}],"predecessor-version":[{"id":4185,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1793\/revisions\/4185"}],"up":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1791"}],"wp:attachment":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=1793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}