{"id":5988,"date":"2015-10-05T08:36:47","date_gmt":"2015-10-05T08:36:47","guid":{"rendered":"https:\/\/wpopal.com\/?p=5988"},"modified":"2015-10-05T08:36:47","modified_gmt":"2015-10-05T08:36:47","slug":"how-to-set-up-portfolio-on-training-zone-theme","status":"publish","type":"post","link":"http:\/\/dev.wpopal.com\/wpopal\/how-to-set-up-portfolio-on-training-zone-theme\/","title":{"rendered":"How to set up Portfolio\u00a0on Training Zone Theme"},"content":{"rendered":"<p>Welcome all of you in October and the next topic in a series of <a class=\"blue\" href=\"https:\/\/wpopal.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Opal WordPress<\/a> tutorials is about <strong>How to set up Portfolio\u00a0on Training Zone Theme<\/strong>. Some days ago, we were very happy to release a new theme <a class=\"blue\" href=\"http:\/\/themeforest.net\/item\/training-zone-gym-fitness-wordpress-theme\/13064896?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Training Zone &#8211; Gym &amp; Fitness WordPress Theme<\/a>. In this tutorial, we will guide you basic knowledge to set up Portfolio. It is one of the popular matters customers usually meet when building website. Therefore to make convenience in the process of supporting, we will instruct you a detailed blog. Hoping you can follow these simply steps. Please spend time experiencing them!<\/p>\n<h3>1. Create Portfolio Category<\/h3>\n<p><strong>Step 1<\/strong> &#8211; Log in to your WordPress Administration Panel (Dashboard).<br \/>\n<strong>Step 2<\/strong> &#8211; Click the &#8216;<strong>Opal portfolios<\/strong>&#8216; tab.<br \/>\n<strong>Step 3<\/strong> &#8211; Click the &#8216;<strong>Categories<\/strong>&#8216; sub-tab.<br \/>\n<strong>Step 4<\/strong> &#8211; Start filling in name of portfolio categories that the name is how it appears on your site.<br \/>\n<strong>Step 5<\/strong> &#8211; Filling\u00a0 Slug :The \u201cslug\u201d is the URL-friendly version of the name. It is usually all lowercase and contains only letters, numbers, and hyphens.<br \/>\n<strong>Step 6<\/strong> &#8211; Parent: select parent for portfolio.<br \/>\n<strong>Step 7 <\/strong>&#8211; Description: fill in about this portfolio categories.<br \/>\nRemember to fill enough essential information!<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_40.png\" alt=\"\" title=\"\"><\/p>\n<p><strong>Finally<\/strong>: Click button &#8220;<strong>Add new category<\/strong>&#8221; to create categories.<br \/>\n<strong>Front Page<\/strong>: Here all\u00a0 portfolio categories has been created.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/10\/image_41.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-5989 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/10\/image_41.jpg\" alt=\"image_41\" width=\"700\" height=\"307\" title=\"\"><\/a><\/p>\n<h3>2. Create Portfolio Post<\/h3>\n<p><strong>Step 1<\/strong> &#8211; Log in to your WordPress Administration Panel (Dashboard)..<br \/>\n<strong>Step 2<\/strong> &#8211; Click the &#8216;<strong>Opal Portforlios<\/strong>&#8216; tab.<br \/>\n<strong>Step 3<\/strong> &#8211; Click the &#8216;<strong>Add New Portforlio<\/strong>&#8216; sub-tab.<br \/>\n<strong>Step 4<\/strong> &#8211; Start filling in the blanks: enter your Portforlio title (1) in the upper field, and enter your portfolio body content (2) in the main post editing box below it.<br \/>\n<strong>Step 5<\/strong> &#8211; As needed, select a category (5), add tags (4), feature image(6), fill in the meta setings below the editor.<br \/>\nHow to set up Portfolio\u00a0on Training Zone Theme<img decoding=\"async\" class=\"step_img aligncenter\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_56.png\" alt=\"\" title=\"\"><br \/>\n<strong>Step 6<\/strong> &#8211; Take care about Portfolio Options (3) . You can enable layout for each Portfolio by check on box and select layout + sidebar.<br \/>\n<strong>Step 7<\/strong> &#8211; Select Portfolio Format. You can create portforlio post with a lot of <strong>Formats <\/strong>like gallery, video, information or full screen<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"step_img aligncenter\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_73.png\" alt=\"\" title=\"\"><\/p>\n<p><strong>Step 8<\/strong> &#8211;\u00a0 When your portfolio is ready, click <strong>Publish<\/strong>.<\/p>\n<h3>3. Create Portfolio Page<\/h3>\n<p><strong>Step 1<\/strong> &#8211; Log in to your WordPress Administration Panel (Dashboard)..<br \/>\n<strong>Step 2<\/strong> &#8211; Click on <strong>Pages<\/strong> &gt; <strong>Add New<\/strong>.<br \/>\n<strong>Step 3<\/strong> &#8211; Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).<br \/>\n<strong>Step 4<\/strong> &#8211; Click on the <strong>Add Element<\/strong> button.<br \/>\n<strong>Step 5<\/strong> &#8211; Select the Opal Elements. Then choose <strong>WPO Portfolio<\/strong>.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"step_img\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_80.png\" alt=\"\" title=\"\"><\/p>\n<p><strong>Step 6<\/strong> &#8211; Set up <strong>WPO Portfolio<\/strong> element setting. You need focus on some attribute.<\/p>\n<ul>\n<li><strong>Display Masonry<\/strong> : select to enable masonry view. If no your portfolio page will be displayed like Grid view.<\/li>\n<li><strong>Number of portfolio to show<\/strong> : select number of portfolio to show on one page.<\/li>\n<li><strong>Columns count<\/strong> : select column of portfolio page.<\/li>\n<li><strong>Enable Pagination<\/strong> : select enable or disable pagination.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"step_img\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_77.png\" alt=\"\" title=\"\"><br \/>\n<strong>Front &#8211; end look like for that setting<\/strong> :<\/p>\n<h3><img decoding=\"async\" class=\"step_img\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_111.png\" alt=\"\" title=\"\"><\/h3>\n<h3>4. How to create portfolio Full Page. :<\/h3>\n<p>Do the same from step 1 to step 6 to create Portfolio Page. Take a notice about Page configuration : select <strong>Layout style full width.<\/strong><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"step_img aligncenter\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_39.png\" alt=\"\" title=\"\"><\/p>\n<h3>5. Portfolio Global Configure<\/h3>\n<p><strong>Step 1<\/strong> &#8211; From your admin Dashboard navigate to : <strong>Apperance<\/strong> &gt; <strong>Customize<\/strong> &gt;\u00a0 <strong>Portfolio.<\/strong><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"step_img aligncenter\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_74.png\" alt=\"\" title=\"\"><\/p>\n<p><strong>Step 2<\/strong> &#8211; Set up <strong>Portfolio<\/strong> <strong>Layout Setting<\/strong><br \/>\nYou can set Global (default) layout for archive Layout page then select content sidebar to display:<\/p>\n<ul>\n<li><strong>Show title<\/strong> : Enable or disable title of Portfolio page.<\/li>\n<li><strong>Show Breadcrumb<\/strong> : Enable or disable breadcrumb of Portfolio page.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"step_img aligncenter\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_75.png\" alt=\"\" title=\"\"><\/p>\n<p><strong>Step 3<\/strong> &#8211; Set up <strong>Portfolio Single Setting<\/strong><\/p>\n<ul>\n<li><strong>Show share portfolio<\/strong> : enable or disable share post function.<\/li>\n<li><strong>Show related post<\/strong> : enable or disable related post.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"step_img aligncenter\" src=\"https:\/\/wpopal.com\/guides\/trainingzone\/assets\/images\/image_76.png\" alt=\"\" title=\"\"><\/p>\n<p>Hoping through our above tutorial, you know <strong>How to set up Portfolio\u00a0on Training Zone Theme<\/strong>\u00a0perfectly.\u00a0In the process of reading it, you meet any difficulties, please leave a below comment or contact us directly via email or skype, we will update it immediately. Your suggestions are really meaningful and precious with us helping us to be more perfect. Hoping your website will be longer\u00a0with customers. Remember to\u00a0follow our social channels\u00a0such as\u00a0<a class=\"blue\" href=\"https:\/\/www.facebook.com\/opalwordpress\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Facebook<\/a>, <a class=\"blue\" href=\"https:\/\/twitter.com\/?lang=en\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Twitter<\/a>, <a class=\"blue\" href=\"https:\/\/www.linkedin.com\/home?trk=nav_responsive_tab_home\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Linkedin<\/a>, <a class=\"blue\" href=\"https:\/\/www.youtube.com\/user\/WPOpalTheme\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Youtube,<\/a> <a class=\"blue\" href=\"https:\/\/www.pinterest.com\/cunconvp192\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Pinterest<\/a>\u00a0to get the newest information!<\/p>\n<p style=\"text-align: center;\"><a class=\"btn btn-success\" href=\"http:\/\/themeforest.net\/item\/training-zone-gym-fitness-wordpress-theme\/full_screen_preview\/13064896?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Demo<\/a> <a class=\"btn btn-danger\" href=\"http:\/\/themeforest.net\/item\/training-zone-gym-fitness-wordpress-theme\/13064896?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Download<\/a><\/p>\n<p>Thanks so much!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome all of you in October and the next topic in a series of Opal WordPress tutorials is about How to set up Portfolio\u00a0on Training Zone Theme. Some days ago, we were very happy to release a new theme Training Zone &#8211; Gym &amp; Fitness WordPress Theme. In this tutorial, we will guide you basic [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":30831,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-5988","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/5988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/comments?post=5988"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/5988\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media\/30831"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media?parent=5988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/categories?post=5988"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/tags?post=5988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}