{"id":51202,"date":"2015-07-30T03:40:44","date_gmt":"2015-07-30T07:40:44","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=51202"},"modified":"2017-12-19T09:38:03","modified_gmt":"2017-12-19T14:38:03","slug":"cherryframework-4-how-to-create-portfolio-gallery-post","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-how-to-create-portfolio-gallery-post.html","title":{"rendered":"CherryFramework 4. How to create Portfolio Gallery post"},"content":{"rendered":"<p>\r\n<p>This tutorial shows how to create a Portfolio Gallery post in CherryFramework 4 template.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=vkCwvi1yC34?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to create Portfolio Gallery post<\/a><\/p>\r\n<p>In order to create a Portfolio Gallery post, you should perform the following:<\/p>\r\n<h3 class=\"custom\">Creating the Portfolio Gallery Post<\/h3>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Portfolio -> Add Item<\/strong> in your WordPress dashboard.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Specify the <strong>title<\/strong> for the new Gallery post.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Select a <strong>Gallery<\/strong> Format on the right:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post1-300x132.jpg\" alt=\"CherryFramework 4. How to create Portfolio Gallery post1\" width=\"300\" height=\"132\" class=\"aligncenter size-medium wp-image-51203\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post1-300x132.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post1-150x66.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post1-1024x451.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post1.jpg 1238w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Scroll down the page, locate the <strong>Post format options<\/strong> and click <strong>Choose Media<\/strong> to add images to the post.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You can click <strong>Upload Files<\/strong> and <strong>upload files from your PC<\/strong> or select images from <strong>Media library<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Select the image from the Media Library and click a <strong>Choose Media<\/strong> button to add it to the post.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Add as much images as you need one by one selecting the image and clicking Choose Media:<\/p>\r\n<p><a href=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post2.jpg\"><img loading=\"lazy\" src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post2-300x150.jpg\" alt=\"CherryFramework 4. How to create Portfolio Gallery post2\" width=\"300\" height=\"150\" class=\"aligncenter size-medium wp-image-51204\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post2-300x150.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post2-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post2-1024x514.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post2.jpg 1222w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n  <\/li>\r\n<li>\r\n<p>With that done click <strong>Publish<\/strong> to publish your new Portfolio Gallery Post: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post3-300x131.jpg\" alt=\"CherryFramework 4. How to create Portfolio Gallery post3\" width=\"300\" height=\"131\" class=\"aligncenter size-medium wp-image-51205\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post3-300x131.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post3-150x65.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post3-1024x446.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post3.jpg 1251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Managing Gallery Post format options<\/h3>\r\n<ol>\r\n<li>\r\n<p>In <strong>Effect Layout options<\/strong> field you can set the <strong>Slide<\/strong>, <strong>Fade<\/strong>, <strong>Cube<\/strong> or <strong>Overflow<\/strong> effect to images. <\/p>\r\n<p>Do not forget to click the <strong>Update<\/strong> button after changing the post format options to save the changes.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You can also select the <strong>Number of Slides<\/strong> per view. If you set the number to 3 the Gallery post layout will look like the screenshot below:\r\n<\/p>\r\n<\/li>\r\n<li>\r\n<p>There is also an option to change the <strong>Space between the slides<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You can create the <strong>Multi Row Slides layout<\/strong> &#8211; select the number of rows to set.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You can also enable or disable the <strong>Slider pagination<\/strong> which is usually a set of circles at the bottom of the slider used for switching images and the <strong>Slider Navigation<\/strong> (the arrows on the right and left side of the slider):<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post4-300x198.jpg\" alt=\"CherryFramework 4. How to create Portfolio Gallery post4\" width=\"300\" height=\"198\" class=\"aligncenter size-medium wp-image-51206\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post4-300x198.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post4-150x99.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post4.jpg 965w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>\r\nThe <strong>Slider Infinite Loop option<\/strong> makes the slider images move in a loop.<\/p>\r\n<p>If it is set to <strong>No<\/strong>, the vertical scroll (the carousel) will be disabled. If it is set to <strong>Yes<\/strong>, Slides will move in a loop as a carousel.<\/p>\r\n<\/li>\r\n<li>\r\n<p>The <strong>Mousewheel control<\/strong> feature allows to enable or disable the option of scrolling images with your mouse on the slider.<\/p>\r\n<\/li>\r\n<li>\r\n<p>You can also change the <strong>duration of slider images transition<\/strong> to your needs and enable or disable the <strong>Free Mode sliding<\/strong> feature. If the feature is enabled, the gallery post images will be displayed in the <strong>random order<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>The <strong>Grab Cursor<\/strong> option activates or disables the hand cursor when the images are mouse hovered:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post5-300x176.jpg\" alt=\"CherryFramework 4. How to create Portfolio Gallery post5\" width=\"300\" height=\"176\" class=\"aligncenter size-medium wp-image-51207\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post5-300x176.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post5-150x88.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post5.jpg 970w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>You can also use <strong>Cropped image<\/strong> option setting the Crop image option to <strong>Yes<\/strong> or <strong>No<\/strong> and <strong>crop the images width and height<\/strong> in your Gallery post by moving the cursor in Cropping Image Width, Cropping Image Height fields:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post6-300x108.jpg\" alt=\"CherryFramework 4. How to create Portfolio Gallery post6\" width=\"300\" height=\"108\" class=\"aligncenter size-medium wp-image-51208\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post6-300x108.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post6-150x54.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/CherryFramework-4.-How-to-create-Portfolio-Gallery-post6.jpg 811w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=vkCwvi1yC34?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to create Portfolio Gallery post<\/a><\/p>\r\n<p>In case you&#8217;re searching for premium themes to build a website from scratch, look through <a href=\"https:\/\/www.templatemonster.com\/category\/art-culture-wordpress-themes\/\">wordpress themes for art<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to create a Portfolio Gallery post in CherryFramework 4 template.<\/p>\n","protected":false},"author":62,"featured_media":51211,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,499,1050,592],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51202"}],"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\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=51202"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51202\/revisions"}],"predecessor-version":[{"id":83576,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51202\/revisions\/83576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/51211"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=51202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=51202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=51202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}