{"id":52736,"date":"2015-08-25T03:14:16","date_gmt":"2015-08-25T07:14:16","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=52736"},"modified":"2017-12-26T08:31:06","modified_gmt":"2017-12-26T13:31:06","slug":"cherry-framework-4-how-to-work-with-cherry-portfolio","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherry-framework-4-how-to-work-with-cherry-portfolio.html","title":{"rendered":"Cherry Framework 4. How to work with Cherry portfolio"},"content":{"rendered":"<p>\r\n<p> This tutorial will show you how to work with portfolio in CherryFramework 4 templates.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=FjPVkc9TXsI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Cherry Framework 4. How to work with Cherry portfolio<\/a><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p><strong>Portfolio<\/strong> is a custom post type. <strong>Portfolio<\/strong> posts have additional settings for portfolio formatting. You can work with portfolio posts the same way you would work with regular posts.<\/p>\r\n<p> Portfolio posts can be arranged into categories for better navigation. You can work with portfolio posts under <strong>Portfolio tab<\/strong> in the WordPress dashboard:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-1-300x171.png\" alt=\"Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-1\" width=\"300\" height=\"171\" class=\"aligncenter size-medium wp-image-52737\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-1-300x171.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-1-150x86.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-1.png 840w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>In order to create portfolio post, you should do the following steps:<\/p>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Portfolio->Add Item<\/strong> in your dashboard.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Input post title.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Add Portfolio post content.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Set the image.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Assign the category.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Add tags.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Use &#8216;publish&#8217; button to save changes and publish the post:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-2-300x163.png\" alt=\"Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-2\" width=\"300\" height=\"163\" class=\"aligncenter size-medium wp-image-52738\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-2-300x163.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-2-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-2-1024x557.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-2.png 1250w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>In order to display portfolio posts on a page, please set page template as <strong>Folio<\/strong> in <strong>Page Attributes<\/strong> section when editing the page:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-3-300x300.png\" alt=\"Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-3\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-52739\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-3-300x300.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-3-150x150.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-3-164x164.png 164w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-3.png 480w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>You can find basic Portfolio settings under <strong>Cherry Options<\/strong> &#8211; <strong>Cherry Portfolio<\/strong> tab.<\/p>\r\n<p>Here is the list of the Cherry Portfolio settings:<\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Portfolio listing layout<\/strong> &#8211; allows to choose portfolio listing view layout.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Pagination mode<\/strong> &#8211; allows to choose portfolio pagination mode.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Loading animation<\/strong> &#8211; allows to choose posts loading animation.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Portfolio hover animation<\/strong> &#8211; allows to choose posts images hover animation:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-4-300x173.png\" alt=\"Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-4\" width=\"300\" height=\"173\" class=\"aligncenter size-medium wp-image-52740\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-4-300x173.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-4-150x86.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-4-1024x590.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-4.png 1250w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Filter type<\/strong> &#8211;  allows  to enable\/disable listing filters.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Order filters<\/strong> &#8211; allows  to enable\/disable order filters.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Column number<\/strong> &#8211; allows to select number of columns for masonry and grid portfolio layouts (Min 2, max 20).<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Post per page<\/strong> &#8211; allows to select how many posts per page you want to display.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Item margin<\/strong> &#8211; allows to select portfolio item margin (outer indent) value.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Justified fixed height<\/strong> &#8211; allows to select portfolio item justified height value:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-5-300x173.png\" alt=\"Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-5\" width=\"300\" height=\"173\" class=\"aligncenter size-medium wp-image-52741\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-5-300x173.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-5-150x86.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-5-1024x590.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-5.png 1250w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Crop image<\/strong> &#8211; allows to choose if you want to activate images crop.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Cropped image width<\/strong> &#8211; allows to set width of the cropped image. <\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Cropped image height<\/strong> &#8211; allows to set height of the cropped image.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>More button text<\/strong> &#8211; allows to set text for portfolio &#8220;read more&#8221; buttons.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Masonry template<\/strong> &#8211;  allows to set masonry content template file.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Justified template<\/strong> &#8211; allows to set justified content template:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-6-300x169.png\" alt=\"Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-6\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-52742\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-6-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-6-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-6-1024x576.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-6.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>List template<\/strong> &#8211; allows to set list content template.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Standard post template<\/strong>&#8211; allows to set standard post format template.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Image post template<\/strong>&#8211; allows to set image post format template.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Gallery post template<\/strong>&#8211; allows to set Gallery post format template.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Audio post template<\/strong> &#8211; allows to set audio post format template.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Video post template<\/strong> &#8211; allows to set video post format template:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-7-300x169.png\" alt=\"Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-7\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-52743\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-7-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-7-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-7-1024x576.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/08\/Cherry-Framework-4.-How-to-work-with-Cherry-portfolio-7.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ul>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=FjPVkc9TXsI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Cherry Framework 4. How to work with Cherry portfolio<\/a><\/p>\r\n<p>In case you are looking for a proper website design for your advising agency, check out our <a href=\"https:\/\/www.templatemonster.com\/category\/consulting-wordpress-themes\/\">wordpress themes for consulting<\/a>.<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to work with portfolio in CherryFramework 4 templates.<\/p>\n","protected":false},"author":60,"featured_media":52746,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,1050,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52736"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/60"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=52736"}],"version-history":[{"count":3,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52736\/revisions"}],"predecessor-version":[{"id":83762,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52736\/revisions\/83762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/52746"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=52736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=52736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=52736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}