How To Create a Portfolio With WordPress and Elementor (Step by Step)

Learn how to create a portfolio in WordPress with Elementor + Powerfolio plugins

How To Create a Portfolio With WordPress and Elementor (Step by Step)

In this article, we will learn how to create a portfolio with WordPress and Elementor. We will be using the PowerFolio plugin to configure this.

Elementor comes with several benefits, such as allowing you to create a cohesive site design using pre-built material from the page template library, as well as achieving all the essential bases like image carousel, social media icons, and Google maps.

But before we get into how to create a portfolio with WordPress and Elementor, let’s have a look at some other things.

Benefits of Adding A Portfolio On Your WordPress Website

Regardless of whether you run a personal blog, photography, or writing website, you will most likely need a portfolio to display your expertise. If you do not use a professional portfolio, it may strongly impact the type of clients and visitors you attract to your website. Moreover, creating a professional portfolio on your WordPress website is actually just a piece of cake.

Let’s get started!

How To Create a Portfolio With WordPress and Elementor

Here is the step-by-step walkthrough on how to create a professional-looking portfolio with WordPress and Elementor. As mentioned above, we will use the PowerFolio plugin that enables users to do this in just a few simple steps.

Install the plugin

Since we are using the PowerFolio plugin, you are required to first install and activate the plugin.

To do this, go to the WordPress dashboard of your website and click on Plugins > Add New. Then, you need to find the ‘Search plugins’ tab and search for the ‘PowerFolio’ plugin.

Once you have found the correct plugin, you can install the plugin with the help of the ‘Install Now’ button.

Once the plugin is installed, the plugin can be easily activated.

Then you go to Portfolio homepage

Before you can readily add photos to the portfolio for your WordPress website, you need to go to the portfolio homepage from the WordPress dashboard.

Select Portfolio > Add New Item.

Add new items to the Portfolio

In order to add new items to the portfolio, click Add New Item.

Add the required details to build a portfolio

You will need to write a title and description for your portfolio according to your website’s needs and target audience.

Go to the Settings

After selecting the Settings icon on the top right side of the page, you can select Portfolio Categories > Add New Portfolio Categories.

The Portfolio Categories are helpful to filter the images in your portfolio based on the category that they belong to.

Enter the Portfolio Category names

Enter the title of the portfolio category in the New Portfolio Category field > Add New Portfolio Category.

Add Featured Image

The featured image is the image that would display on the portfolio under the specific portfolio category.

The featured image can be added under Featured Image > Set featured image.

Set featured image

When you are satisfied with the featured image, as well as the title, caption, and description, you can select ‘Set featured image.’


Select the Publish icon on the top right corner of the page.

The new portfolio item has been added

You can go back to Portfolio from your WordPress dashboard to ensure that the new portfolio item/items have been added to your WordPress website.

Add other items to your portfolio

Similarly, you can add other items to your portfolio with different portfolio categories as well.

Display the portfolio on any WordPress page

The free version of Elementor page builder can be installed in the same manner as any other plugin, as mentioned above. After installing, it can then be activated.

Add the portfolio item on any existing page on your WordPress website

Go to Pages > Select the page you want to showcase the portfolio on > Edit.


Edit with Elementor

As mentioned above, you are learning how to create a portfolio with WordPress and Elementor.

Therefore, you will need to Select Edit with Elementor on the top of the page.

Decide where you would like to showcase the portfolio

You can scroll through the page to decide where exactly you would like to display the portfolio on your WordPress website.

Click the + button where you would like to add the portfolio

Select the Drag Widget here button.

Select your structure

You can decide the layout of your portfolio from the given options on the screen.

For example, you select the first option and want to create a one column row, click the + button.


Search for Portfolio

On the left, you will be able to see all the Widgets that are available.

Search for Portfolio from the Search Widget option.

Select the correct widget from the options

All you need to do then is just drag and drop the Elementor Portfolio widget to the required area where you would like to showcase your portfolio.

Finally! your portfolio items are now visible

Select Update to publish all the changes that you have just made to this particular page of your WordPress website.

After the simple drag and drop, you have successfully displayed the portfolio on your WordPress website, along with the different category labels.

Customize the settings according to your preference

Click on the ‘All’ button in portfolio on the particular page it is displayed on.

You will be able to see Content, Style, and Advanced settings available on the left side of the page.


Configure the General Settings

Under the General Settings, you can make changes to the number of projects you would like to show, category filter, and the all-categories button.

Everything displayed on the left can be customized according to your preferences and the needs of your WordPress website.

Configure the Grid Settings

You can also make changes to the grid settings, such as the grid style and number of columns that are needed for the portfolio.

You can make changes to the Hover Effect Settings

You have the freedom to choose the kind of hover style you like for your WordPress website.

Update the Content settings

After configuring all the Content settings, click Update.

Make changes to the Style settings

With the free version of Elementor, you can change the background, add background image, and color.

Update the Style settings

After configuring the Style settings, click Update.

Make changes to the Advanced Settings

Within the Advanced Settings, you can make changes to Advanced, Motion Effects, Transform, Background, and Border settings.

Update the Advanced settings

After configuring the Advanced settings, click Update.

And there you have it! Now you have successfully created a Portfolio with WordPress and Elementor.

BONUS: How To Customize Your Portfolio Single Page With Elementor

Configure the Elementor settings

Go to your WordPress Dashboard > Elementor > Settings in order to customize the portfolio’s single page.

Enable the required post type

Enable the Elementor editor for the portfolio post type.

Click on Save Changes.

Create a customized layout for the portfolio single page

This enables individuals to create a customized layout rather than using the default template from the theme.

Final Thoughts

This brings us to the conclusion. We hope that these steps make it easy for you to create a portfolio with WordPress and Elementor using the PowerFolio plugin. Please let us know in the comments section below if you still have any questions.

Leave a Reply

Your email address will not be published. Required fields are marked *