Skip to main content

How to Create a Portfolio Page With WordPress?

Freelance Content Writer | IT-Based Website Content Creator | Technical Writer | Blogger


WordPress is a popular software for building your brand. Creating a website with WordPress is now easier than writing code. WordPress has an important role in the creation of attractive websites.

In this article, you will learn how to create a portfolio page with WordPress in simple steps.

Before you step in, let's understand why you need a portfolio page?


Importance of Portfolio

A well-designed page of your works shows that you are the master in such projects. It shows that you are quite capable of doing this kind of work successfully. A portfolio page claims a first impression for your visitors.

It builds trust!

So without taking much of your time, let's dive into it.

Create a Page

First of all, create a portfolio page. To do this, head over to Pages and then Add New. Now name the page such as Portfolio or Our Work. After filling these pieces of information, press the Publish button.


Add Menu

As soon as you hit the publish button, head over to Appearance and then Menus.


Now select the Main Menu and drag the portfolio page to the header menu so that your page appears on the current website.


After adding the page to the header-menu, be sure to press the Save Menu button. This way, you can save your page. If you want to see the portfolio page on the front-end, it will appear on the navigation bar.


So far, you have created the portfolio page and added it to the main header-menu. From now on, you will learn how to edit and design the page.

Edit with Elementor

Now head over to Pages and then Portfolio page. Here you will see a blue button named Edit with Elementor, make sure to hit this gently.

As soon as you click, you will be re-directed to a separate page, where you can design it as per your needs.

There are various options for designing the page, such as third-party portfolio plugins, custom code, and Elementor. In this guide, you will learn how to create a page with the Elementor Page Builder plugin.

Once you click the blue button, you will see the next window like this:

Scroll to Continue

Now click on the Add Template icon. After clicking, you will see a popup window with several ready-made templates. All you have to do is select the Block section and then search portfolio in the search bar. Now choose any template of your choice.

(In the search result, you will see a red icon named Pro on some templates, which means that these are paid templates, so here you have to select a free template.)


After choosing the correct template, be sure to click the Insert button. The block will be added to your current portfolio page as soon as you press the button.

Now you can add work, change design, and more. You can see lots of options for editing and designing the page. You can change the color, font, style, size and much more.

Heading: Now, replace the heading text with your topic, such as Our Work, My Portfolio, etc.

Sub-heading: If you want to keep the sub-heading, do not forget to replace it with your sub-heading text.

Images: Now click on any picture, you will see editing mode on the left side of your screen, now click on to editor icon where you can select your work from the computer.

[Kindly select at least six work samples to make it look better]

Extra Features: You can make your page more attractive and professional by using some additional settings.

  • You can adjust the size of the images.
  • You can set the column according to your taste.
  • You can add a link to your work.
  • You can on/off light-box mode.
  • You can assign the order of your photos.


WordPress is a free tool to showcase your brand or skills globally. With WordPress, you can quickly design your website or section according to your requirement within a short period of time. It does not matter whether you are a coder or not.

However, you will need some designing knowledge and fundamental WordPress skills to manage its back-end properly!

By adding a ready-made portfolio template, you can design a stunning page for your existing website and showcase your talent to the world.

Here, in this article, I have described the simplest method of building your portfolio page.

I am confident that you will follow this article and successfully build your portfolio page. If you encounter any problems during the designing process, leave a comment, I would be happy to help you.

This content is accurate and true to the best of the author’s knowledge and is not meant to substitute for formal and individualized advice from a qualified professional.

© 2020 Amit Masih


Amit Masih (author) from Jaipur, India on December 21, 2020:

It means a lot, Risha! Well, I'm glad you're about to start your new blog and I would be happy to assist you.

Risha Khan from Bhilai, Chhattisgarh on December 21, 2020:

Another amazing article on WordPress, Amit!!! You have explained each and everything very clearly. I am thinking of starting a blog, though nothing is on paper right now. I strongly believe that your article will help many people to set up their own portfolio.

Amit Masih (author) from Jaipur, India on December 18, 2020:

Thank you, Preeti!

Preeti Shah from Delhi on December 18, 2020:

Once again awesome article Amit!

This precise information on how to create portfolio page will surely help everyone.

Related Articles