You can enable a unique Portfolio content type to help organize your portfolio projects in a special section of your dashboard.



You can do this in three simple steps:


1.  Activating the Portfolio Content-Type

In your site’s dashboard, go to Settings → Writing → Your Custom Content Types and make sure the “Portfolio Projects” option is checked.

To add the Portfolio menu item to your dashboard, you’ll first need to activate it on your site. Although some themes will do this for you automatically, you can do it in any theme by going to Settings → Writing → Your Custom Content Types and checking the “Portfolio Projects” option.

While you’re here, you can also specify the maximum number of portfolio projects you want your site to display on portfolio archive pages and templates in the field just below the “Portfolio Projects” checkbox. This setting is separate from the number of posts you want to display on your blog or in your RSS feed.

After you’ve enabled portfolio support, make sure to save your changes at the bottom of the page.

If you don't see the Portfolio section in the WordPress dashboard, please check this solution: Portfolio and Testimonials sections are missing in the Dashboard - Hair Beauty Theme


2.  Adding and Managing Portfolio Projects

After the portfolio content type has been activated on your site, you can manage your projects under the new Portfolio menu item in the sidebar.




A portfolio project item is a single entity of your portfolio collections. It can be a photo, a project, a design or a product etc. To create a Project item, please follow the steps below:

 


Step 1: Please go to Dashboard > Projects > Add New.

 

Step 2: Select the Project item post format - gallery, image, video, link, document, HTML.


Image - Use the standard Featured Image option for the project image. Use the editor for your content. Clicking on the image on the Portfolio listing page will open up the image in a lightbox. You will need the "Link" post format if you want to click on the image to lead to the project post. Please check this guide: http://support.vamtam.com/support/solutions/articles/206376


Gallery - This project type allows you to have a gallery slider in the post - here's an example. Use the "Add Media" button in a text/image block element to create a  gallery. This button is also found in the top left side of the visual and text editors. Please note that when the Media manager opens up in the lightbox, you have to click on "Create Gallery" on the left and then select the images for your gallery. For more information on how to work with the Media library, you can watch the video guide Using a Media Library: http://support.vamtam.com/support/solutions/articles/183764

Please note that in order to have a gallery with a fixed height, you need to crop all images to the same dimensions. You can do this using the built-in WP image editor.

 



 





Video - Put the URL of the video in the post format option field above the editor.  You must use an oEmbed provider supported by WordPress or a file supported by the [video] shortcode which comes with WordPress. Vimeo and Youtube are supported.

Link - Use the standard Featured Image option for the project image. Use the editor for your content. Put the link in the post format option field below if you want the image in the portfolio listing to lead to a  particular link. If you leave the link field blank, clicking on the image on the portfolio listing page will open up the project post. 

Document - Use the standard Featured Image option for the project image. Use the editor for your content. The image will only be shown in the portfolio listing. You will need "Link" post format if you need the featured image  to appear in the post itself

HTML - Use the standard Featured Image option for the project image. Use the editor for your content. HTML type does not work with the ajax portfolio. 

 

 

Step 3: Set the settings of the post format according to the help text above the editor.



Step 4: Attach the post to a category/ies. They are found on the right-hand side.



Step 5: You can add different description text that will show in the project items listing page to the excerpt module, found below the text editor.

Step 6: Click on the "Update" button.

 




3.  Creating a Portfolio Listing Page




Please follow the steps below to create a standard portfolio:


Step 1: Please navigate to Dashboard > Pages > Add New

Step 2: In the VamTam Drag & Drop Page Builder click on the "Projects" element. Check out this guide if you don't know how to use the Drag and Drop builder: http://hair.support.vamtam.com/support/solutions/articles/216875





Step 3: Once the element is added click on the edit button. The option panel will open up: 

  1. Layout: Static - no filtering, Mosaic, Scrollable - shows the projects items in a slider
  2. Item Aspect Ratio - Fixed, Original
  3. Category Filter
  4. Title Filter
  5. No Paging: If the option is on, it will disable pagination. You can set the type of pagination in Dashboard > Posts > Pagination Type
  6. Columns: Number of columns to show per page
  7. Limit: Number of items to show per page. If you set it to -1, it will display all projects items
  8. Item Link Opens - Single project page, Simplified project page in a modal
  9. Display Title: If the option is on, it will display the title of the project post
  10. Display Description: If the option is on, it will display a short description of the project item
  11. Project Types (optional) - All types will be shown if none are selected. Please note that if you do not see any types, it is likely that you have not created any.
  12. Specific Projects (optional) - All projects will be shown if none are selected. If you select any posts here, this option will override the type option above. You can use Ctrl + Click to select multiple projects.
  13. Title (optional): The title is placed just above the element.
  14. Title Type (optional): Title with divider next to it, Title with divider below, No Divider.






Step 4: Choose your settings and click on the "Save Element" button.

Step 5: Click on the "Update" button.





Layout and style customization



You can customise the layout and style of your Projects Posts in two locations:


Global Layout and Styles


Global Layout

If you need to change the layout - please navigate to Appearance > Customize

If you need the change a particular area of the website goes to the tabs - Header, Body, Footer.


Global Styles

If you need to change the style (colors, backgrounds, typography) please navigate to Appearance > Customize > Global Styles

if you would like to style a particular area of the website go to the tabs - Header, Body, Footer.


In Appearance > Customize > Posts you will find options Pagination type and Meta information









Local Layout and Styles


You have an option to override some of the global options. These options are located just below your text editor. You can create a unique style for any project. Show Page Title area, Page Title Layout, and Page Background are such options.






Portfolio projects also support Comments to allow readers to interact with you and the Publicize feature allows you to share your projects to a number of social networks easily and automatically.

 


 

TIP:


If you want to use the portfolio without linking to the single project page, i.e. to use it as a common gallery with the category sorting feature and the post title, then you have to add the custom code to the Custom CSS area:


.portfolios .portfolio_details .title {
  pointer-events: none;
}


How to add custom CSS / PHP code or modify the theme code - Hair Beauty Theme



------


Source: https://en.support.wordpress.com/portfolios/