How to Create a Portfolio Section

 ›  CMS WordPress  ›  How to Create a Portfolio Section

A portfolio section is designed to showcase your work and provide detailed descriptions for each project.
Here’s an example of how to create a portfolio for a photographer.
Log in to your WordPress admin panel by going to Your_Domain/wp-admin/ or accessing it through your Client Area.

Go to «Projects» / «All Projects».

This is where you’ll create categories for your portfolio, such as different themes or topics.
Click «Add New» to get started.

Give your new project a name, for example, «Portfolio 2024».

In the left panel, click «Set featured image».

Choose an image from your Media Library or upload one from your computer.

Click the «Set featured image».

Click the «Use Divi Builder».

Select «Build From Scratch».

Choose a block structure that fits the layout of your page.
For a photo-focused portfolio, a full-width block with no subdivisions works best.

Select the «Gallery».

In the gallery settings, upload the images you want to display.
If you need more guidance on configuring the «Gallery» module, check out this detailed guide here.
After completing the gallery setup, click the «...» button at the bottom of the screen.

Click the «Publish».

Click the «Save».

Follow the steps above to create all the portfolio categories (themes) you need.
After setting up your categories, it’s time to create the main «Portfolio» page. Navigate to «Pages» / «All Pages» to get started.

Click the «Add New Page».

Name the page «Portfolio» and click the «Use Divi Builder».

Select «Build From Scratch».

Choose a full-width block.

In the module selection window, choose «Portfolio».

Your previously created portfolio categories will automatically appear.
Next, let’s customize the design of how these portfolio categories are displayed.
Click on the «Design» tab to begin.

Open the «Layout» section and select «Grid».

Now, our portfolio categories are displayed in a grid layout.

Next, adjust the design, including text and other elements, to match your preferences. When you’re finished, click «Publish» to save your changes.

Click the «Save».