{"id":62698,"date":"2016-02-23T03:51:41","date_gmt":"2016-02-23T08:51:41","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=62698"},"modified":"2016-04-12T09:33:46","modified_gmt":"2016-04-12T13:33:46","slug":"cherryframework-4-how-to-create-portfolio-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-how-to-create-portfolio-page.html","title":{"rendered":"CherryFramework 4. How to create portfolio page"},"content":{"rendered":"<p>\r\n<p>This tutorial will show you how to create portfolio page in WordPress CherryFramework 4 template.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=BMzVGPkCbAg?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to create portfolio page<\/a><\/p>\r\n<p>Basically, we have to follow 3 steps:<\/p>\r\n<ol>\r\n<li>\r\n<p>Add a portfolio category;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Add few portfolio posts;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Create a portfolio page.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Adding Portfolio category<\/h3>\r\n<ol>\r\n<li>\r\n<p>Go to your WordPress admin panel, navigate to <strong>Portfolio<\/strong>, then <strong>Categories<\/strong> and press <strong>Add new<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You should name your future category in the <strong>Title<\/strong> field, and, optionally, fill in the other features (category description, slug). A slug field is important as you are going to use it to connect this custom category to your future portfolio page. If you leave slug field empty, WordPress picks up a derivative from the name.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Finally, press <strong>Add new category<\/strong> button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.1-300x163.jpg\" alt=\"how to create portfolio page.1\" width=\"300\" height=\"163\" class=\"aligncenter size-medium wp-image-62733\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.1-300x163.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.1-150x82.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.1-1024x556.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.1.jpg 1292w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Adding Portfolio posts and assigning them to the custom category<\/h3>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Portfolio > Add new<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Give it a name and assign this portfolio item to your newly created Portfolio Category:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.2-300x179.jpg\" alt=\"how to create portfolio page.2\" width=\"300\" height=\"179\" class=\"aligncenter size-medium wp-image-62734\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.2-300x179.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.2-150x89.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.2-1024x610.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.2.jpg 1265w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Under <strong>Featured Image<\/strong>, upload your image (click the <strong>Set featured image<\/strong> link). Upload the file. Please note that you can select several files and they will be uploaded one by one. Select <strong>Uploaded to this page<\/strong> option in case you need to add more files. <\/p>\r\n<\/li>\r\n<li>\r\n<p>Under <strong>Zoom Image<\/strong> tab you can set <strong>zooming image<\/strong> option to <strong>Yes<\/strong> and <strong>Publish<\/strong> this portfolio item.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Create another portfolio items the same way.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Adding a portfolio page<\/h3>\r\n<p>Portfolio pages can be created with the help of page templates.<\/p>\r\n<ol>\r\n<li>\r\n<p>Click the <strong>Pages > Add New<\/strong> tab in WordPress dashboard.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Type in your page name and under <strong>Page Attributes<\/strong> select <strong>Parent<\/strong> for your page.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Select your page template (<strong>Portfolio<\/strong> in the <strong>Page Attributes<\/strong> drop-down menu):<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.3-300x163.jpg\" alt=\"how to create portfolio page.3\" width=\"300\" height=\"163\" class=\"aligncenter size-medium wp-image-62735\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.3-300x163.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.3-150x81.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.3-1024x556.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.3.jpg 1267w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Check in the <strong>Slug<\/strong> feature under <strong>Screen options<\/strong> at the top in order to enable <strong>Category include<\/strong> field.<\/p>\r\n<p>This field should contain name of the category that is going to be displayed on your Portfolio page (available only for the Portfolio page template).<\/p>\r\n<p>You need to use the slug of your custom category here (go to Portfolio -> Portfolio Categories and copy the slug from the tab on the right):<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.4-300x166.jpg\" alt=\"how to create portfolio page.4\" width=\"300\" height=\"166\" class=\"aligncenter size-medium wp-image-62738\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.4-300x166.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.4-150x83.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.4-1024x567.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.4.jpg 1285w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.5-300x186.jpg\" alt=\"how to create portfolio page.5\" width=\"300\" height=\"186\" class=\"aligncenter size-medium wp-image-62739\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.5-300x186.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.5-150x93.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how-to-create-portfolio-page.5.jpg 961w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>And click the <strong>Update<\/strong> and <strong>View Page<\/strong> buttons:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/02\/how_to_create_portfolio_page.6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/how_to_create_portfolio_page.6-300x184.jpg\" alt=\"how_to_create_portfolio_page.6\" width=\"300\" height=\"184\" class=\"aligncenter size-medium wp-image-62741\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how_to_create_portfolio_page.6-300x184.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how_to_create_portfolio_page.6-150x92.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how_to_create_portfolio_page.6-1024x629.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/how_to_create_portfolio_page.6.jpg 1224w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>You can assign a newly created Portfolio Page to your header menu. To do that, navigate to <strong>Appearance > Menus<\/strong>. Under the <strong>Pages<\/strong> on the right, select the page and click on <strong>Add to menu<\/strong>, then click <strong>Save Menu<\/strong>.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=BMzVGPkCbAg?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to create portfolio page<\/a>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to create portfolio page in WordPress CherryFramework 4 template.<\/p>\n","protected":false},"author":67,"featured_media":62743,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,572,1050],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62698"}],"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\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=62698"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62698\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/62743"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=62698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=62698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=62698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}