{"id":211,"date":"2016-10-19T04:24:55","date_gmt":"2016-10-19T04:24:55","guid":{"rendered":"http:\/\/themes.themegoods.com\/grandphotography\/doc\/?p=211"},"modified":"2016-10-19T04:35:15","modified_gmt":"2016-10-19T04:35:15","slug":"setting-up-portfolio-page","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/setting-up-portfolio-page\/","title":{"rendered":"Setting up Portfolio Page"},"content":{"rendered":"<p><strong>Create a Portfolio\u00a0Page using Page Template<\/strong><\/p>\n<p>Once you create portfolio\u00a0posts. To display your portfolio on page, you have to create a portfolio\u00a0page. Here are the steps to create a portfolio\u00a0page.<\/p>\n<p><img class=\"alignnone size-full wp-image-214\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.28.22-AM.png\" alt=\"screen-shot-2559-10-19-at-11-28-22-am\" width=\"861\" height=\"669\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.28.22-AM.png 861w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.28.22-AM-300x233.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.28.22-AM-768x597.png 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.28.22-AM-60x47.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.28.22-AM-150x117.png 150w\" sizes=\"(max-width: 861px) 100vw, 861px\" \/><\/p>\n<ol>\n<li>Go to WordPress Dashboard &gt;\u00a0<strong>Pages and click Add New<\/strong><\/li>\n<li>Add page title and content. Then find\u00a0<strong>Page Options<\/strong>\u00a0box.<\/li>\n<li>Select template begin with\u00a0<strong>Portfolio&#8230;\u00a0<\/strong>as page template.<\/li>\n<li>Once you are done. Click Publish button.<\/li>\n<\/ol>\n<p><strong>Create a Portfolio\u00a0Page using Content Builder<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-216\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.29.29-AM.png\" alt=\"screen-shot-2559-10-19-at-11-29-29-am\" width=\"494\" height=\"1222\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.29.29-AM.png 494w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.29.29-AM-121x300.png 121w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.29.29-AM-414x1024.png 414w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.29.29-AM-24x60.png 24w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.29.29-AM-61x150.png 61w\" sizes=\"(max-width: 494px) 100vw, 494px\" \/><\/p>\n<p><img class=\"alignnone size-full wp-image-217\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.31.27-AM.png\" alt=\"screen-shot-2559-10-19-at-11-31-27-am\" width=\"496\" height=\"1289\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.31.27-AM.png 496w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.31.27-AM-115x300.png 115w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.31.27-AM-394x1024.png 394w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.31.27-AM-23x60.png 23w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.31.27-AM-58x150.png 58w\" sizes=\"(max-width: 496px) 100vw, 496px\" \/><\/p>\n<ol>\n<li>Go to WordPress Dashboard &gt;\u00a0<strong>Pages and click Add New<\/strong><\/li>\n<li>Add page title and content. Then click\u00a0&#8220;Edit in Content Builder&#8221;.<\/li>\n<li>Click add new button\u00a0and select module begin with &#8220;Portfolio&#8230;&#8221;. Click add button. It will open a popup with options.<\/li>\n<li>Customise options and once you finish click &#8220;Update&#8221; button and save changes on page.<\/li>\n<\/ol>\n<p><strong>IMPORTANT:<\/strong>\u00a0Portfolio page created with content builder don&#8217;t support pagination. To use pagination, using page template method instead.<\/p>\n<p><strong>Infinite Scroll Portfolio<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-219\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.32.13-AM.png\" alt=\"screen-shot-2559-10-19-at-11-32-13-am\" width=\"280\" height=\"70\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.32.13-AM.png 280w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.32.13-AM-60x15.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.32.13-AM-150x38.png 150w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n<p>To enable infinite scroll for portfolio\u00a0module.\u00a0Go to <strong>Appearance &gt; Customize &gt; Portfolio &gt; Pagination and check &#8220;Enable Infinite Scroll&#8221;<\/strong> option.<\/p>\n<p><strong>Portfolio\u00a0Filterable Option<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-220\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.33.09-AM.png\" alt=\"screen-shot-2559-10-19-at-11-33-09-am\" width=\"295\" height=\"445\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.33.09-AM.png 295w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.33.09-AM-199x300.png 199w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.33.09-AM-40x60.png 40w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.33.09-AM-99x150.png 99w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/p>\n<p>Filterable feature of portfolio\u00a0content will use its project\u00a0sectors or services setting.<\/p>\n<ol>\n<li>Open <strong>WordPress Dashboard &gt; Portfolio\u00a0&gt; Portfolio Categories<\/strong>. Add new.<\/li>\n<li>Create a portfolio\u00a0item using above method and assign it to portfolio categories\u00a0you want.<\/li>\n<li>Repeat step 2 for other portfolio\u00a0posts.<\/li>\n<li>Open\u00a0<strong>Appearance &gt; Customize &gt; Portfolio<\/strong>\u00a0and check <strong>&#8220;Enable Portfolio\u00a0Filterable Feature&#8221;<\/strong>.<\/li>\n<li>You can also customise other options related to portfolio filterable there.<\/li>\n<\/ol>\n<p><strong>Portfolio\u00a0Pagination Option<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-221\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.34.08-AM.png\" alt=\"screen-shot-2559-10-19-at-11-34-08-am\" width=\"297\" height=\"543\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.34.08-AM.png 297w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.34.08-AM-164x300.png 164w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.34.08-AM-33x60.png 33w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.34.08-AM-82x150.png 82w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/p>\n<p>To enable pagination on project\u00a0page.\u00a0Go to\u00a0<strong>Appearance &gt; Customize &gt; Portfolio<\/strong><strong>\u00a0&gt; Pagination. <\/strong>You will see lists of options for each portfolio columns layouts.<\/p>\n<p><strong>Portfolio\u00a0Category Page Layout Settings<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-222\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-10-17-at-1.55.26-PM.png\" alt=\"screen-shot-2558-10-17-at-1-55-26-pm\" width=\"498\" height=\"79\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-10-17-at-1.55.26-PM.png 498w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-10-17-at-1.55.26-PM-300x48.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-10-17-at-1.55.26-PM-60x10.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-10-17-at-1.55.26-PM-150x24.png 150w\" sizes=\"(max-width: 498px) 100vw, 498px\" \/><\/p>\n<p>You can change portfolio category page layout setting using <strong>Portfolios &gt; Portfolio Categories<\/strong>. Click on category you want to edit and select &#8220;Portfolio Category Page Template&#8221;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a Portfolio\u00a0Page using Page Template Once you create portfolio\u00a0posts. To display your portfolio on page, you have to create a portfolio\u00a0page. Here are the steps to create a portfolio\u00a0page. Go to WordPress Dashboard &gt;\u00a0Pages and click Add New Add page title and content. Then find\u00a0Page Options\u00a0box. Select template begin with\u00a0Portfolio&#8230;\u00a0as page template. Once you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,5],"tags":[58,51,53,81,80],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/211"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/211\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/media?parent=211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/categories?post=211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/tags?post=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}