Skip to main content
Projects & Portfolios In Extra

Extra's project post type can be used to create an online digital portfolio.

Updated over a year ago

Overview

Extra includes a custom project post type. One of the ways it can be used is to create an online digital portfolio.

In Extra, a Portfolio is a group of Project posts, represented by their featured images and post meta information, that link back to the individual projects' page.

There are five Portfolio layouts/styles included with Extra, including:

  • Standard

  • Standard Grid

  • Fullwidth Grid

  • Masonry Grid

  • Fullwidth Carousel

How To Create A New Project

Extra makes building a project fun and easy. When you installed Extra, a Projects menu item was added to the main menu of your WordPress Dashboard where new Projects can be added, like a Post or Page.

You also have the option to use the basic project layout or Divi Builder to create truly amazing project layouts.

docs image

Creating Your Project:

docs image
  1. Title: Define the project title.

  2. Content Editor: When using the basic project layout (instead of the Divi Builder), your featured image will appear at the top of the page above any content you place in the content editor.

  3. Categories: Project categories are separate from post categories, so you can control what appears inside your portfolios. Here, you can assign a new category or choose from existing categories.

  4. Skills: Skills are to Project Tags as Tags are to Regular Posts. They provide another method of organizing your projects and an easy way for your site's visitors to navigate and discover your portfolio content.

  5. Extra Settings: Configure various post options for your project, such as which of your Sidebars should be displayed, the Sidebar display location, post meta visibility, etc.

  6. Project Details: The options inside this settings box allow you to configure what is displayed in the Project Details area on the front end.

  7. Project Details Title: Define the title for the Project Details area. The default title is Project Details.

  8. Project URL: Using the basic project layout (instead of the Divi Builder), your featured image will appear at the top of the page above any content you place in the content editor.

  9. Open In New Window: Choose whether or not the project URL should open in a new window.

  10. Project URL Text: Define the text that will be used to create a link to your project URL.

  11. Project Description Location: Choose where on the page the Project Details area will be displayed (e.g., below content, in the sidebar, etc).

  12. Project Short Description: A short description of the project to be included in the Project Details area.

  13. Featured Image: Select a featured image for your project by choosing/installing an image via the WordPress Media Library. This image will be used to create the thumbnail that represents your project in portfolios. A thumbnail is a copy of an image that has been scaled and/or cropped to fit a predefined size. We recommend that all your project-featured images have the same aspect ratio for best results when using a grid layout.

  14. Project Gallery: The options inside this settings box allow you to configure an Image Gallery Slider for your project.

  15. Add Images: This option allows you to use the WordPress Media Library to add existing photos to your project gallery and/or upload new photos.

  16. Autoplay speed: Define the animation speed(in milliseconds) used for the Automatic animation.

Extended Layout

You can use the Divi Builder to create extended layouts as an alternative to the basic project layout.

In this mode, you have as much creative freedom as you do when creating any other post/page with the Divi Builder.

Note: If you choose to use the builder, you will start from a blank canvas. That means all elements from the basic project layout (described above) are removed (i.e. Title, Categories, Featured Image, Skills, and Date).

However, you can still add this information to your project layout using the appropriate builder modules.

Did this answer your question?