{"id":402,"date":"2016-12-01T14:43:49","date_gmt":"2016-12-01T14:43:49","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=402"},"modified":"2023-07-31T17:55:24","modified_gmt":"2023-07-31T17:55:24","slug":"portfolio-item-creation","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/post-types\/portfolio-item-creation","title":{"rendered":"Portfolio Item Creation"},"content":{"rendered":"<p>Portfolio\u00a0item post type is the perfect choice for demonstration the creative projects for your visitors. To create a new portfolio item, simply\u00a0navigate to <strong>Portfolios<\/strong> section of the admin area and click on <strong>Add New<\/strong>.<\/p>\n<p>It is important to set featured image for the portfolio item in <strong>Featured Image<\/strong> meta box in the right sidebar of the portfolio item editor\u00a0since there will be no content to be displayed on the portfolio page.<\/p>\n<p>The single portfolio item can be created either using the <strong>default structure<\/strong> (various Image gallery style and description for it in the\u00a0different position), you can use <strong>the elements of Visual Composer plugin.<\/strong><\/p>\n<p><strong>It is important!<\/strong> Select <strong>For Bage Builder<\/strong> layout type for single portfolio item in <strong>Single portfolio item options<\/strong> meta box to be able to create the portfolio items with Visual Composer elements.<\/p>\n<h3>Portfolio Categories<\/h3>\n<h4>The most convenient way to group the portfolio projects.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-408 size-full\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-categories.jpg\" alt=\"portfolio-categories\" width=\"975\" height=\"726\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-categories.jpg 975w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-categories-300x223.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-categories-768x572.jpg 768w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><\/p>\n<p><strong>The<\/strong> <strong>Categories<\/strong> can be added in <del class=\"support-arrow-right\">Portfolios<\/del> <del>Categories<\/del> section of admin\u00a0panel.<\/p>\n<p>To create a new <strong>Category<\/strong> for portfolio items, check the short steps to be followed:<\/p>\n<ul>\n<li><strong>Name<\/strong> &#8211; add the title of the category.<\/li>\n<li><strong>Slug<\/strong> &#8211; enter the title of the category in the URL. Leave the field blank to make Slug the same as the Name.<\/li>\n<li><strong>Parent<\/strong> &#8211; you may also select the <strong>Parent<\/strong> <strong>category<\/strong> to achieve the hierarchy on the site.<\/li>\n<li><strong>Description<\/strong>\u00a0&#8211; you may leave this field empty, the description will be visible in admin panel only.<\/li>\n<li><strong>Category\u2019s icon<\/strong> &#8211; category&#8217;s icon will be used in the Category, Tags and Author sort panel on the portfolio page.<\/li>\n<li><strong>Category&#8217;s color<\/strong> &#8211; set the category&#8217;s color for category button to be displayed on single portfolio items.<\/li>\n<\/ul>\n<h3>Portfolio Tags<\/h3>\n<h4>Tags allow to arrange the single portfolio items structurally and to facilitate the navigation among single portfolios.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-418 size-full\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-Tags.jpg\" alt=\"portfolio-tags\" width=\"975\" height=\"758\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-Tags.jpg 975w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-Tags-300x233.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Portfolio-Tags-768x597.jpg 768w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><\/p>\n<p>To add new Tag for portfolio item, go to <del class=\"support-arrow-right\">Portfolios<\/del> <del>Tags<\/del> section of admin area.<\/p>\n<p>Check the step by step instruction on creating new tags for portfolio items below:<\/p>\n<ul>\n<li><strong>Name<\/strong> \u2013 add the title of the tag.<\/li>\n<li><strong>Slug<\/strong> \u2013 enter the title of the tag in the URL. Leave the field blank to make Slug the same as the Name.<\/li>\n<li><strong>Description<\/strong>\u00a0\u2013 you may leave this field empty, the description will be visible in admin panel only, it is added for your convenience.<\/li>\n<\/ul>\n<h3>Single Portfolio Item Options<\/h3>\n<h4>Using this meta box you may overwrite the settings set for single portfolio and customize the variations of portfolio works for your visitors.<\/h4>\n<p>The settings are inherited from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Portfolio options<\/del>\u00a0<del>Single Portfolio item options<\/del> section.<\/p>\n<p class=\"cmb_metabox_title\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13177\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/single-port2.jpg\" alt=\"\" width=\"978\" height=\"787\" \/><\/p>\n<h6><\/h6>\n<ul>\n<li><strong>Stunning header<\/strong>\u00a0\u2013\u00a0set it to\u00a0<strong>Enable<\/strong>\u00a0to show the stunning header on gallery item page. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Portfolio thumb in Stunning header<\/strong> \u2013 set it to <strong>Enable<\/strong> to show the post\u2019s featured image as Stunning header background image.<\/li>\n<li><strong>Portfolio template<\/strong> &#8211; select the general appearance and customization possibilities of the portfolio inner page.\n<ul>\n<li><strong>Portfolio inside 1 variant<\/strong> &#8211; is default old style. Note, some styling options are not available for this template.<\/li>\n<li><strong>Portfolio inside 2 variant<\/strong> &#8211; provides more customization options for the inner page. It has the decoration zigzag dividers, the gallery has paddings and borders, new share and comments style.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Portfolio gallery type<\/strong> &#8211; select the gallery appearance on the item inner page. You may add the gallery images to the <strong>Images gallery<\/strong> meta box.\u00a0If you choose<strong> theme default<\/strong> the displaying will correspond to the theme options settings.\n<ul>\n<li><strong>Default<\/strong> &#8211; displays gallery images carousel with small thumbnails at the bottom, the main image is set to 900x750px and the thumbnails are 250x250px. You may see the example following <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/nisl-inimicus-2\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Big images<\/strong> &#8211; displays images in one column full size, their size is set to 1280x900px. You may see the example following <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/his-ei-ludus-virtute\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Middle images list<\/strong> &#8211; displays images in two columns, their size is set to 650x650px. You may see the example following <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/lorem-ipsum\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Small image list<\/strong> &#8211; displays images in couple columns, their size is set to 400x400px. You may see the example following <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/nisl-inimicus\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Advanced gallery<\/strong> &#8211; displays one big image 800x800px and small images (400x400px) are around it. You may see the example following <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/sed-diam-nonummy\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>oEmbed video<\/strong> &#8211;\u00a0enter a Youtube, Vimeo, Twitter, or Instagram URL to display the video work in the portfolio item.<\/li>\n<li><strong>Self hosted video file in mp4 format<\/strong>\u00a0\u2013 enter the video URL or select the necessary video file from the\u00a0media library.<\/li>\n<\/ul>\n<h6><\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13178\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/single-port4.jpg\" alt=\"\" width=\"978\" height=\"366\" \/><\/p>\n<ul>\n<li><strong>Self hosted video file in WebM format<\/strong>\u00a0\u2013 enter the video URL or select the video file from the\u00a0media library.<\/li>\n<li><strong>Layout type<\/strong> &#8211;\u00a0allows selecting whether the portfolios will be created with default structure or with Visual Composer elements.\n<ul>\n<li><strong>Default<\/strong> &#8211; select this layout type to create the\u00a0portfolios\u00a0with default structure (big, small, medium images list gallery type etc).<\/li>\n<li><strong>For Page Builder<\/strong> &#8211; select this layout type to create portfolio item using the Visual Composer element.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Description position<\/strong> &#8211; select the description position in respect to the media content. <strong>Left<\/strong>, <strong>right<\/strong> and <strong>bottom<\/strong> position are available, if you choose <strong>theme default<\/strong> the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Title<\/strong>\u00a0\u2013 set the title of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Subtitle<\/strong>\u00a0\u2013 set the subtitle of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Share<\/strong> \u2013 allows you to show or hide the share in meta on the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Short description title<\/strong> &#8211; add extra field with portfolio work description, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Short description text<\/strong> &#8211; add more information about the portfolio work, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Additional link title<\/strong> &#8211; add an extra field with link on the portfolio work, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Fixed share<\/strong> \u2013 allows you to show or hide the side share on portfolio item.<\/li>\n<li><strong>Pagination to previous and next posts style<\/strong> \u2013 allows you to select the inner pagination style for portfolios. Switch it to <strong>Disable<\/strong> to remove inside pagination. If you choose <strong>theme default<\/strong> the displaying will correspond to the theme options settings.\n<ul>\n<li><strong>Fixed<\/strong> \u2013 the pagination arrows for previous and next portfolio items will be displayed on scroll.<\/li>\n<li><strong>Top<\/strong> \u2013 the pagination arrows are displayed on top of the portfolio items.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Button title<\/strong> &#8211; add the title for the extra button with link.<\/li>\n<li><strong>Button URL<\/strong> &#8211; type the URL of the button. Note, this link will be also displayed on the portfolio thumbnail &#8211; you may enable it in <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Portfolio options<\/del> <del class=\"support-arrow-right\">Portfolio hover options<\/del> <del class=\"support-arrow-right\">Hover decoration settings<\/del> <del>Enable external link<\/del>.<\/li>\n<\/ul>\n<h3><strong>Description<\/strong><\/h3>\n<h4>Withing Ronneby theme the description fo the portfolio items is added using the Advanced Custom Fields bundled into theme pack.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13201\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/custom-fields.-1png.png\" alt=\"\" width=\"978\" height=\"611\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/custom-fields.-1png.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/custom-fields.-1png-300x187.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/custom-fields.-1png-768x480.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p><strong>Description <\/strong>is a\u00a0wonderful choice for creating custom sections and adding extra information about the portfolio item project.<\/p>\n<p>You can see that there are <strong>Clients<\/strong> and <strong>Tasks<\/strong> sections in portfolios. These extra fields are generated with the Advanced Custom Fields plugin recommended by the theme.<\/p>\n<p>You may find them in <del class=\"support-arrow-right\">Custom Fields<\/del> <del>Portfolio fields<\/del> section to edit and customize. You can change the titles of the custom fields in this section.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13182\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/csom-fields.png\" alt=\"\" width=\"978\" height=\"976\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/csom-fields.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/csom-fields-150x150.png 150w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/csom-fields-300x300.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/csom-fields-768x766.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>There&#8217;s also a possibility to <strong>add new<\/strong> Custom field to a portfolio work if needed. You may check more information on the plugin in the <a href=\"http:\/\/www.advancedcustomfields.com\/resources\/\" target=\"_blank\" rel=\"noopener\">official Advanced Custom Fields Documentation<\/a>.<\/p>\n<p>Below you may find more details about Portfolio fields meta box in the portfolio item editor.<\/p>\n<ul>\n<li><strong>Portfolio fields <\/strong>&#8211;<strong>\u00a0<\/strong>within our theme, we have Clients and Tasks portfolio fields created by default. You may see the WYSIWYG editors in the custom fields. Add the needed information and style it to suit the design.<\/li>\n<\/ul>\n<p>Note, Visual Composer shortcodes will also work in this section. Simply create the test page and add there the modules, you&#8217;d like to display on the portfolio work. Then switch to Classic mode and copy the needed shortcode. Paste that shortcode to the custom field and save portfolio work.<\/p>\n<h3>Stunning Header Options<\/h3>\n<h4>Style the stunning header section for your portfolio item if you want to add something special on your page.<\/h4>\n<p>The stunning header options are inherited from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning Header Options<\/del>\u00a0section.<\/p>\n<p>The configurations set in this meta box section will be applied to the single portfolio item page only and will not affect other pages of your site.<\/p>\n<p>Since the\u00a0<strong>Stunning Header options<\/strong>\u00a0meta box is the same for all posts and pages types, more details can be found in\u00a0<del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Stunning Header Options section.<\/del><\/p>\n<p>Follow\u00a0<a href=\"http:\/\/rnbtheme.com\/documentation\/post-types\/single-page-creation\" target=\"_blank\" rel=\"noopener\">this link\u00a0<\/a>to check the post.<\/p>\n<h3>Page options<\/h3>\n<h4>Allows to select the style for the layout for your portfolio item.<\/h4>\n<p>The configurations set in this meta box section will be applied to the single portfolio item page only and will not affect other pages of your site.<\/p>\n<p>Since the\u00a0<strong>Page\u00a0options<\/strong>\u00a0meta box is the same for all posts and pages types, more details can be found in\u00a0<del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Page Options section.<\/del><\/p>\n<p>Follow\u00a0<a href=\"http:\/\/rnbtheme.com\/documentation\/post-types\/single-page-creation\" target=\"_blank\" rel=\"noopener\">this link\u00a0<\/a>to check the post.<\/p>\n<h3>Preloader options<\/h3>\n<h4>Contains options for setting special preloader style for the\u00a0single portfolio itemwhich will appear on the screen till the content is fully loaded.<\/h4>\n<p>The configurations set in this meta box section will be applied to the single portfolio item only and will not affect other pages of your site.<\/p>\n<p>Since the\u00a0<strong>Preloader\u00a0options<\/strong>\u00a0meta box is the same for all posts and pages types, more details can be found in\u00a0<del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Preloader Options section.<\/del><\/p>\n<p>Follow\u00a0<a href=\"http:\/\/rnbtheme.com\/documentation\/post-types\/single-page-creation\" target=\"_blank\" rel=\"noopener\">this link\u00a0<\/a>to check the post.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio\u00a0item post type is the perfect choice for demonstration the creative projects for your visitors. To create a new portfolio item, simply\u00a0navigate to Portfolios section of the admin area and<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[11],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/402"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":78,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/402\/revisions"}],"predecessor-version":[{"id":15634,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/402\/revisions\/15634"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}