How to use Elementor to create an investment portfolio website in WordPress

Check it by page to discover someone and make a decision. Essence Today, employers and customers are more willing to see everything you do, your work process, ideas, interests, and so on.

The traditional resume cannot be handled at all. Here is an investment portfolio website to save.

The investment portfolio website can help you show the world in a smart way. A way you want to and your employer/customer hope.

Now you can ask, how can I create an investment portfolio website for myself in WordPress, or where should I start?

Good news for you! Today, this is not a thing that requires hard work or too much time. In WordPress, you can build a website in a few minutes. There are solutions such as Elements and Happy Addons, which contain thousands of pre -built templates that can easily provide a professional appearance for your website.

It is not too late. Let us see how to easily create an investment portfolio website in WordPress. But there is a simple question here.

Why choose WordPress or Elements instead of others?

how to create a portfolio website in WordPress

In recent years, WordPress has provided many tools to easily build a professional website you need. No matter what your niche is, you can easily find useful website design materials from WordPress. That’s why it supports nearly 34% of the world’s Internet.

In addition, Elementor is the most dominant visual website page construct with many unique functions and facilities.

Although all unique features in Elements, in some cases, you may find more custom opportunities. In our opinion, Happy Addons can make your hands stronger through some extremely unique and efficient design tools.

How to create a collection of work collection websites (simple user guidelines) in WordPress

how to create a portfolio website

But now we will learn how to use Elementor \u0026 Amp; Happy Addons to create an investment portfolio website.

以下是在WordPress 中创建投资组合网站的先决条件:

    一个WordPress网站

  • 元素(免费)

  • 快乐插件( Free and professional version)

  • ENVATO element (optional)

Please make sure you have successfully installed

WordPress , Elementor , 123] happy addons . Now, please follow the following instructions.

Related articles : How to use Elementor \u0026 amp; Happy Addons to build a professional website

Add title to your website

This is this It is the first step of this tutorial. The website title is the most attractive part. In most cases, people or visitors first see the title and then enter or browse the website. The title is usually composed of social icons, basic links, page navigation, etc.

Fortunately, using Elementor, you can easily complete it even if you don’t have any programming language knowledge. Interestingly, you don’t need to create a separate title for each page. So it is really easy to create a title with Elementor.

 Note: Creating A Header and Footer Are the Same Procedure. So you can attribut follow the tutorial bellow   Select the Elementor template or theme 

] Now after the title, your next step is to choose a perfect template or theme for your investment portfolio website. Fortunately, there are a lot of available resources in the Elements template library. In fact, you only need to click a few times to choose the best.

Okay, let’s see howAdd templates on your website.

First, open the page you want to design. Then click \”Folder\”.

how to create a portfolio website

You will find a lot of available resources here. As you can see

, blocks, pages and my template

    .

  • block

  • : You can choose different parts from here. For example, the header part, the footer part, the hero banner, the map, the table, etc.
  • Page

  • : Here you can choose the entire page available to all elements.
  • My template

: If you customize any part or want to retain it according to your style, you can save it as my template.

How to choose Templates

The correct template of Elements

Now you can choose the right one for your website. Today, we choose the following.

Choosing the template

Therefore, after adding the template, your page will be shown below:

How to create a portfolio website

  Note: We will consumize this template step by steP to make it a professional-loging portfolio website  

Customize template for your dream Elementor investment portfolio

Now, You are ready to use the template. You can retain the current template, or you can customize it according to your design needs. If you want to change it, you can do this step by step.

However, if you want to change the title of the title part, please click the \”

mark area [ 123] \”. The left side of the screen will immediately provide custom options.

how to create a portfolio website

What will it look like after editing?

Header part

Add or customize \”About Me\”

To set up the part, please select \”Title\” from the left sidebar small parts. Then drag it to the mark area.

About me

Now you can add some basic and important views about your own. For example, you can show your skills, professional knowledge, knowledge fields, etc.

Related articles:

How to use the skill bar on the investment portfolio

How to create a portfolio website Here you can further further Beauty it. For example, if you want to add a button in any of these two parts, just select the \”button small part\” and then drag it to the mark area.

Dual Button After adding the button, your design will be shown below. You can also place links in the button. This will help potential customers find you or know more about you.

Add my service to your investment portfolio website

Here, you can retain the current design and customize it. Or you can fully bring a new design. In our example, we will add different small components to display \”Buttons My Service

\” part more favorable.

For this, select \”Card Widget\” of Happy Addons from the left sidebar. Similarly, drag it to the mark area.

Related articles:

How to use the card width of a happy plug -in to build a store page How to customize portfolio website

Now adding it Service after detail. Your design will be shown below. Then just add information to this part. Just.

Add the skill bar

Create your portfolio site As we all know, setting a skill bar on the website, especially on the investment portfolio website is very important. It attracts attention through different color strips and shows your skills. Moreover, only in a comprehensive way, potential customers or employers will like to view the form map or skill bar.

In any case, we will now show how to add a skill bar to this site. OK? First, select \”Skill Bar Widget\” from Happy Addons. For this reason, just select a small part from the left sidebar. Then drag it to the mark area.

Therefore, after adding strips, your design will automatically display on the screen. You can easily customize it from here.

How to add skill bars

Important reminder:

You can easily copy any type of functions of Happy Addons, and use Live Copy-Paste to paste it to you On the website

How to create portfolio site

In any case, let’s take a look at the following skill column tutorial. You can get more details of the relevant skill bar small components. Intersection

Add a small part of the gallery It’s time to display some of your works or photos in the gallery. In this case, you can use \”Image Carousel Widget\” in Happy Addons.

Similarly, select a small part and drag it to the mark area. It is then customized according to your work collection or design. Finally, upload the picture after you complete the custom. Just!

相关文章:

如何使用Elementor 和Happy Addons 改善网站外观

How to add image carousel

因此, After completing all the design, your design will be shown below:

Add recommending small components

Now, this feature is still still Can change your website appearance and increase more value. We often use suggestions on our physical resumes or biological data, right? But what you need to do here is to show the opinions of some experts you work.

web design tutorial For this, you can use \”Testimonial Widget\” of Happy Addons. You have to do the same thing. Just choose it and drag it to the area. Just!

However, you can watch the following tutorials to obtain more information about \”recommendation\” small components. Or, if you feel difficult, you can view our documents.

How to use Testimonial feature

additional prompts : Custom your footPart Okay, you are in the final stage of this tutorial. It’s time to add or customize the footer. In the header part, we have mentioned earlier that the custom header is the same as the footer.

But for your convenience, we will show you how to use the footer to do more things, or how you can organize the footprints among the foot. If you are satisfied with the current design, you can continue to use it.

First, we will choose this part.

Then select the \”

text editor

\” small components of Elements. Then add a title.

How to create a footer

Similarly, add \”text editor\” and title to the section. And name it \”service\”.

How to create portfolio site In order to make it more attractive and beautiful, you can add the \”social icon about me

\” part small parts\”.

website design with elementor

Next, in the third part, you can add another thing. If you are willing, you can use another happy plug -in component on the foot part to make it more attractive. It is a \”function list\” small component.

How to design portfolio

Feature list is a pro widget of Happy Addons

[123 ] Just simply choose a small part and add it.

So after using it, it will be shown below.

   

However, you can view the \”

function list How to build portfolio\” small component document or watch the following video tutorial to understand this small component More information.

How to add features The final preview of your personal work collection website in WordPress

Therefore You can preview the final output below. This is the method of combining Elementor and Happy Addons in WordPress to create an investment portfolio website.

Related articles: Is it wise to use the happy plug -in and Elements together.

Examples of some top -level investment portfolios

Final Preview 1 Okay, you have skills, knowledge, quality and work experience , But what if you can’t express yourself to the world? Of course, even if you are suitable for 100% and are qualified to be competent, customers or employers cannot find you.

This is a place where the investment portfolio website can impress people, especially employers and customers. Therefore, to stand out and confirm your strong performance in the employment market, you must have an investment portfolio website.

However, in order to motivate and encourage you, we list the top 5 investment portfolio websites and have real -time examples. Of course, it helps you understand how others use their works or personal websites to show themselves.

So let’s start:

Robbi Leonydi

Design your dream blog

Basically, Robby He is a designer who represented his works in a completely different way. After entering his website, you will get the taste of cartoons. Especially it will remind you of a cartoon, for example, Diffy’s game, do you remember the game? However, the illustration of this website is really great. Therefore, if you are a designer, you can choose this website.

Yul Moro

Yul created a truly unique atmosphere on his website [123 123 [123 ]

This is another example of a first -class investment portfolio website. The owner of this website comes from France. This website has another level to express their work, professional knowledge, and so on. thats just splendid. Don’t think this is a video or anything. This is the title part of this website. Therefore, this single -page website containing many unique content can easily attract the attention of anyone. However, you can choose this website style. Robby Leonardi- portfolio website

Daniel Spazzk

Daniel Spatzek is also a designer and website developer. If you visit his website, you will definitely be surprised by this style and presentation. Using a large number of CSS skills and animation, he uses all real things and creates a real feeling of dynamics. So you can also choose this website for your investment portfolio.

Yul Moreau- portfolio site example Toy Wars

If you are color lovers and like to see different colors, you can access Toyfight. Because they use a striking color combination, they can immediately attract tourists’ attention. Of course, you will spend more and more time on this website. So if you want to mix the color on your work collection website, you can choose this website.

Learn more:

Top websites built by Elementor

Daniel Spatzek- portfolio site example Shulk Studio

[123 ]

Studio Schurk uses illustrations and humor to attract visitors

Toyfight- portfolio site example

Animation two -person group Studio Schurk showed their insight on humor on their work collection website. When you roll down, you will notice the exciting and interesting animation show the talent of the partner. So this website can be regarded as an investment portfolio website.

Attract people with a carefully designed investment portfolio website, they will not forget you

The main purpose of this article is to help people, so that they can easily create an investment for themselves in WordPress Combination website. In these fierce competition, you will not be able to walk too far in the digital age without personal websites or investment portfolios. Maybe you have quality, potential, knowledge, or wisdom, but if you can’t reach them systematically, you cannot affect others. Therefore, the investment portfolio website is the only way to contact the correct person.

Therefore, all you have to do is according to the instructions we discussed above, and now you start creating a website for you. With the dual play of Elementor and Happy plugins, you will get all support to create a mature website immediately. Intersection

Have you already used Elementor to create any website? Share your journey with us in the comments below!

Studio Schurk- portfolio site example

Establish an investment portfolio website for your dream in WordPress!

Author:

Leave a Reply

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