{"id":195,"date":"2016-10-19T04:12:31","date_gmt":"2016-10-19T04:12:31","guid":{"rendered":"http:\/\/themes.themegoods.com\/grandphotography\/doc\/?p=195"},"modified":"2017-01-03T10:46:32","modified_gmt":"2017-01-03T10:46:32","slug":"create-portfolio-posts","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/create-portfolio-posts\/","title":{"rendered":"Create Portfolio Posts"},"content":{"rendered":"<p>First thing to create portfolio content is to create a portfolio\u00a0post. \u00a0Theme has various post options for you display different content on your portfolio.<\/p>\n<p><img class=\"alignnone size-full wp-image-197\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.50.45-PM.png\" alt=\"screen-shot-2558-07-10-at-4-50-45-pm\" width=\"157\" height=\"130\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.50.45-PM.png 157w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.50.45-PM-60x50.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.50.45-PM-150x124.png 150w\" sizes=\"(max-width: 157px) 100vw, 157px\" \/><\/p>\n<ol>\n<li>Go to\u00a0<strong>WordPress Dashboard &gt; Portfolios\u00a0&gt; Add New\u00a0Portfolio<\/strong><\/li>\n<li>Enter post title and content. You can use any shortcode or HTML Editing Fields.<\/li>\n<li>Upload portfolio featured image using set featured box on the bottom right side. All pages will use this image for post preview image and thumbnail.<\/li>\n<li>Once you finish, click Publish.<\/li>\n<\/ol>\n<p><strong>IMPORTANT: You have to upload a featured image to each portfolio post in order to load in portfolio pages.<\/strong><\/p>\n<p><strong>Portfolio\u00a0Options<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-200\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.01-AM.png\" alt=\"screen-shot-2559-10-19-at-11-15-01-am\" width=\"899\" height=\"242\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.01-AM.png 899w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.01-AM-300x81.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.01-AM-768x207.png 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.01-AM-60x16.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.01-AM-150x40.png 150w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/><\/p>\n<ul>\n<li>If you select <strong>&#8220;Vimeo Video&#8221; or &#8220;Fullscreen Vimeo Video&#8221;<\/strong> video type, you have to enter Vimeo video ID ex. &#8220;27299211&#8221;.<\/li>\n<li>If you select <strong>&#8220;Youtube Video&#8221; or &#8220;Fullscreen Youtube Video&#8221;<\/strong> video type, you have to enter Youtube video ID ex. &#8220;cdygEzfbhqc&#8221;.<\/li>\n<li>If you select <strong>&#8220;Self-Hosted Video&#8221; or &#8220;Fullscreen Self-Hosted Video&#8221;<\/strong> type, you have to enter your video URL (.mp4 or .flv file format).<\/li>\n<li>If you select <strong>&#8220;External Link&#8221;<\/strong>, you have to enter <strong>&#8220;External Link URL&#8221;<\/strong>. So when visitor click on this portfolio, they will be redirected to this URL.<\/li>\n<li>If you select <strong>&#8220;Image&#8221;<\/strong>, you have upload portfolio image using &#8220;set featured image&#8221; box.<\/li>\n<li>If you select <strong>&#8220;Portfolio Content&#8221;<\/strong>, you can add HTML, text or using Content Builder to add portfolio content. So when visitor click on this portfolio, they will be redirected to portfolio\u00a0single page with its content.<\/li>\n<\/ul>\n<p><strong>IMPORTANT: Single Portfolio\u00a0Page has fullwidth layout.<\/strong><\/p>\n<p><strong>Create Single\u00a0Portfolio Content using Content Builder<\/strong><\/p>\n<p>When you create\/edit portfolio item. Select Content type to <strong>&#8220;Portfolio Content&#8221; and click &#8220;Edit in Content Builder&#8221;<\/strong> button.<\/p>\n<p><img class=\"alignnone size-full wp-image-202\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.41-AM.png\" alt=\"screen-shot-2559-10-19-at-11-15-41-am\" width=\"223\" height=\"48\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.41-AM.png 223w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.41-AM-60x13.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.15.41-AM-150x32.png 150w\" sizes=\"(max-width: 223px) 100vw, 223px\" \/><\/p>\n<p>Theme has built-in &#8220;Content Builder&#8221; for portfolio\u00a0post. Basically you can select available modules. Once your selected, it will open a popup which you can setup options for selected module. Once you finish adjusting options. Click &#8220;Update&#8221; and save changes on page. You can change content order using drag and drop in content builder box.<\/p>\n<p><img class=\"alignnone size-full wp-image-204\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.17.03-AM.png\" alt=\"screen-shot-2559-10-19-at-11-17-03-am\" width=\"901\" height=\"468\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.17.03-AM.png 901w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.17.03-AM-300x156.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.17.03-AM-768x399.png 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.17.03-AM-60x31.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.17.03-AM-150x78.png 150w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/p>\n<ol>\n<li>Go to <strong>WordPress Dashboard &gt; Portfolios\u00a0&gt; Add New portfolio<\/strong>\u00a0and enter its title.<\/li>\n<li>Select portfolio content type as &#8220;portfolio Content&#8221;.<\/li>\n<li>In Content Builder Option box. Check <strong>&#8220;Edit in Content Builder&#8221;<\/strong> option.<\/li>\n<li>Select module you want to add to the page and click &#8220;Add&#8221; button. It will open a popup with module&#8217;s options. Customise all options and click Update.<\/li>\n<li>Repeat step 3 for each modules you want to add to the portfolio. Once finish customising, save changes the portfolio.<\/li>\n<\/ol>\n<p><strong>Common Issues &amp; Questions<\/strong><\/p>\n<ol>\n<li><strong>Content doesn&#8217;t display using Content Builder<\/strong><br \/>\nThis issue is mostly because you didn&#8217;t\u00a0check &#8220;Enable Content Builder&#8221; option.<\/li>\n<li><strong>All my content builder modules are lost<\/strong><br \/>\nWhen you customise each content builder module and click &#8220;Update&#8221; button. It&#8217;s still not saving to WordPress system and you will notice &#8220;Unsaved&#8221; status on each module. You have to save changes on WordPress page to save all modules.<\/li>\n<li><strong>Cannot click or add any Content Builder module<\/strong><br \/>\nThis issue mostly comes from javascript conflict with plugins. Please make sure you disable all additional 3rd party plugins to see if it fixes the issue.<\/li>\n<\/ol>\n<p><strong>Organise portfolios by\u00a0Portfolio Categories<\/strong><\/p>\n<p>If you want to categorized portfolio items by sectors ex. Education, Financial etc. You can do that easily.<\/p>\n<p><img class=\"alignnone size-full wp-image-205\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.56.16-PM-1024x662.png\" alt=\"screen-shot-2558-07-10-at-4-56-16-pm-1024x662\" width=\"1024\" height=\"662\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.56.16-PM-1024x662.png 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.56.16-PM-1024x662-300x194.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.56.16-PM-1024x662-768x497.png 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.56.16-PM-1024x662-60x39.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.56.16-PM-1024x662-150x97.png 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<ol>\n<li>Open <strong>WordPress Dashboard &gt; Portfolios &gt; Portfolio Categories<\/strong>\u00a0You will see list of for example portfolio\u00a0you have.<\/li>\n<li>If you don&#8217;t have any, please create one first so you can assign portfolio items to it.<\/li>\n<li>Now back to edit portfolio page. Look at &#8220;portfolio categories&#8221; box and you will see list of your current portfolio categories. Check one you want to assign this portfolio to and save changes.<\/li>\n<\/ol>\n<p><strong>How to add portfolio category\u00a0page<\/strong><\/p>\n<p>Basically when you crate portfolio categories. WordPress automatically added these pages for you. You just have to find the url of it or add it to main menu. Open <strong>Appearance &gt; Menus<\/strong> and select for example &#8220;Portfolio Categories&#8221; you want to add to main menu.<\/p>\n<p><img class=\"alignnone size-full wp-image-206\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.58.25-PM.png\" alt=\"screen-shot-2558-07-10-at-4-58-25-pm\" width=\"271\" height=\"285\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.58.25-PM.png 271w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.58.25-PM-57x60.png 57w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-4.58.25-PM-143x150.png 143w\" sizes=\"(max-width: 271px) 100vw, 271px\" \/><\/p>\n<p>But if you couldn&#8217;t see this option. Click &#8220;Screen Options&#8221; at the top right of edit menu page and check &#8220;Portfolio Categories&#8221; options.<\/p>\n<p><strong>How to change\u00a0portfolio\u00a0category\u00a0page template<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-207\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-12.57.45-PM.png\" alt=\"screen-shot-2558-07-10-at-12-57-45-pm\" width=\"516\" height=\"78\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-12.57.45-PM.png 516w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-12.57.45-PM-300x45.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-12.57.45-PM-60x9.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-07-10-at-12.57.45-PM-150x23.png 150w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/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<p><strong>Import Demo portfolio\u00a0Post<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-151\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.38.09-PM.png\" alt=\"screen-shot-2559-10-18-at-5-38-09-pm\" width=\"120\" height=\"89\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.38.09-PM.png 120w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.38.09-PM-60x45.png 60w\" sizes=\"(max-width: 120px) 100vw, 120px\" \/><\/p>\n<p>You can import individual portfolio\u00a0posts you saw on demo site using Content Builder import option. Here are steps to import.<\/p>\n<p><img class=\"alignnone size-full wp-image-152\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.40.36-PM.png\" alt=\"screen-shot-2559-10-18-at-5-40-36-pm\" width=\"594\" height=\"385\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.40.36-PM.png 594w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.40.36-PM-300x194.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.40.36-PM-60x39.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-5.40.36-PM-150x97.png 150w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/p>\n<ol>\n<li>Go to WordPress Dashboard &gt; Portfolios\u00a0&gt; Add New portfolio\u00a0and enter its title.<\/li>\n<li>Select portfolio content type as &#8220;portfolio Content&#8221;.<\/li>\n<li>In Content Builder Option box. Check <strong>&#8220;Enable Content Builder&#8221;<\/strong> option<\/li>\n<li>Click on <strong>template button and click &#8220;Predefined Template&#8221; tab<\/strong>. You will see list of all demo pages.<\/li>\n<li>Select one begin with &#8220;Portfolio Single&#8230;&#8221; and click Add button<\/li>\n<li>Selected demo single portfolio page content should be imported.<\/li>\n<\/ol>\n<p><strong>Single portfolio\u00a0Settings<\/strong><\/p>\n<p>You can change single post page settings.\u00a0Go to\u00a0<strong>Appearance &gt; Customize\u00a0&gt; Portfolio &gt;\u00a0Single Portfolio Page<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-209\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.19.07-AM.png\" alt=\"screen-shot-2559-10-19-at-11-19-07-am\" width=\"293\" height=\"655\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.19.07-AM.png 293w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.19.07-AM-134x300.png 134w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.19.07-AM-27x60.png 27w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-19-at-11.19.07-AM-67x150.png 67w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/p>\n<ul>\n<li><strong>Display sharing buttons on single portfolio page content<\/strong> &#8211; This option will displays sharing buttons after portfolio content.<\/li>\n<li><strong>Display next and previous portfolio<\/strong>\u00a0&#8211;\u00a0This option will displays next&amp;previous portfolio\u00a0items.<\/li>\n<li><strong>Display Recent Portfolios<\/strong> &#8211; This option will displays recent portfolio items under next&amp;previous portfolio items.<\/li>\n<li><strong>Recent Portfolio Items\u00a0<\/strong>&#8211; Select number of recent portfolio items you want to display.<\/li>\n<li><strong>Portfolio Page (Optional)<\/strong> &#8211; Enter URL of your portfolio page so it&#8217;s link in next&amp;previous portfolios section.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>First thing to create portfolio content is to create a portfolio\u00a0post. \u00a0Theme has various post options for you display different content on your portfolio. Go to\u00a0WordPress Dashboard &gt; Portfolios\u00a0&gt; Add New\u00a0Portfolio Enter post title and content. You can use any shortcode or HTML Editing Fields. Upload portfolio featured image using set featured box on the [&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":[53,79,80],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/195"}],"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=195"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/195\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/media?parent=195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/categories?post=195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/tags?post=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}