The best way to Create an On-line Portfolio Web site in WordPress

Trying to create a web based portfolio web site in WordPress?

The freelance market has grown quickly. Resumes and LinkedIn profiles are necessary, however to beat out the opposition, you’ll want a portfolio web site to showcase your greatest work and land extra shoppers.

On this article, we’ll present you how one can simply create a web based portfolio web site in WordPress, step-by-step.

Why Do You Want an On-line Portfolio Web site?

Consider your on-line portfolio web site as your digital enterprise card.

Portfolios are belongings for everybody, together with freelancers, job seekers, and small companies.

When you might imagine a portfolio is just for artists or creatives, that’s merely not true. They work for any occupation, whether or not you’re a graphic designer, author, or developer.

It’s an opportunity to place your greatest foot ahead in your trade. In a nutshell, your web site portfolio lets you stand out from the gang and construct belief. If you design an expert portfolio web site, you immediately acquire credibility and exhibit your expertise.

Plus, you’ll be able to optimize your web site for engines like google based mostly on particular key phrases in order that extra individuals can discover you.

The best way to Create an On-line Portfolio Web site in WordPress with SeedProd

You don’t have to learn to code or write HTML to construct your portfolio web site. Merely comply with our step-by-step directions, and also you’ll have your web site up and working in minutes.

1. Select a WordPress Host

To start out with, you’ll want a website identify and net host. The net host shops your web site recordsdata and is your web site’s house on the web.

A great net host must be scalable sufficient to deal with demanding websites, supply help in case something goes flawed, take net safety significantly, and have options to maintain you secure.

You also needs to be in search of the quickest WordPress internet hosting suppliers, which helps to get your web site loading rapidly.

Hostinger is the only option for small companies that need inexpensive, beginner-friendly internet hosting.

Luckily, Hostinger has agreed to supply our readers a free area identify and as much as 78% off on WordPress internet hosting. You will get began for simply $2.69 per thirty days.

To get arrange with Hostinger in a couple of minutes, merely click on this button:

When you need assistance signing up for Hostinger, try our publish on how one can get a free area identify, the place you discover a step-by-step tutorial.

When you’ve registered and arrange your internet hosting plan, you’ll be able to simply go into your dashboard and choose the ‘Domains’ tab.

From there, you’ll have to enter a brand new area identify.

You’ll be prompted to create a brand new web site or migrate an current web site.

For the sake of this tutorial, you’ll be able to click on the ‘Skip, create an empty web site.’

Subsequent, click on on the ‘Choose’ button below ‘Declare a Free Area.’

You’ll be able to merely enter the area identify that you simply need to use in your portfolio web site.

When you need assistance deciding on a website identify, WPBeginner affords a free enterprise identify generator that can assist you discover a firm identify that’s simple to learn and promote on-line.

In fact, in case you’re creating a private portfolio, the simplest factor to do can be to make use of your first and final identify as a website identify. If it’s taken, you’ll be able to add your occupation alongside together with your first identify.

For instance, if johndoe.com is taken, you may discover johndoephotography.com or janedoewriter.com.

Ideally, you must follow a .com area extension because it’s probably the most recognizable and reliable for small companies.

2. Set up WordPress

One of the widespread errors most freshmen make is selecting the flawed web site platform. Many freelancers or small enterprise homeowners gravitate in the direction of Squarespace or Wix.

Whereas these are simple to make use of, they lack tons of performance, customization, and management.

Utilizing a content material administration system like WordPress provides you way more flexibility with hundreds of designs and addons in your portfolio web site. WordPress is free, open-source, and has hundreds of pre-built extensions and web site designs.

With the suitable WordPress plugins and themes, you’ll additionally get the identical drag-and-drop builder that makes platforms like Squarespace or Wix really easy to make use of.

Whether or not you utilize Hostinger or one other WordPress internet hosting service like WPEngine or Bluehost, you’ll be able to comply with our information on how one can set up WordPress for detailed, step-by-step directions.

Subsequent, in your Hostinger dashboard, click on on the ‘Admin Panel’ button with the WordPress emblem to go to your WordPress web site’s dashboard.

You can even go to yoursite.com/wp-admin immediately in your browser.

3. Select a Portfolio Theme

After getting your WordPress arrange, you’re able to customise your web site design by selecting a theme and creating new pages.

For this tutorial, we’ll be utilizing SeedProd to create a theme particularly for portfolio web sites.

SeedProd is the perfect WordPress web page builder available on the market. It permits you to rapidly and simply create any sort of web page with out writing a single line of code.

Whether or not you need to make a portfolio web site to land potential shoppers, begin a WordPress weblog, or an on-line retailer, SeedProd is a one-stop resolution that offers you templates tailor-made to your wants.

You’ll need to set up and activate the SeedProd plugin. For extra assist, see our in-depth information on how one can set up a WordPress plugin.

Upon set up, you’ll be prompted to finish the setup wizard. You’ll be able to click on ‘Get Began’ and simply comply with alongside the step-by-step directions in order that SeedProd can configure the plugin to greatest fit your wants.

If you’ve accomplished the setup wizard, head over to SeedProd ≫ Settings and enter your license key. You will discover your license key below your accounts web page on the SeedProd web site.

After getting into the data, click on on the ‘Confirm Key’ button.

You’ll now have entry to all of SeedProd’s options.

4. Construct Your Portfolio Touchdown Web page

Subsequent, go to SeedProd ≫ Theme Builder.

From there, choose the orange button that claims ‘Theme Template Kits.’

You’ll land on a web page with a searchable library of WordPress themes to select from. Sort in ‘portfolio’ within the search bar and choose the theme template that most closely fits your web site thought.

Additionally, chances are you’ll need to search different key phrases in case you’re in a particular area of interest. For instance, in case you are a realtor, you’ll find actual property WordPress themes on SeedProd.

We’ll be selecting the ‘Freelance Portfolio’ theme, however be happy to select any theme that matches your wants.

We’ll be making a one-page portfolio web site, the place your portfolio web page is on the Homepage of your web site. This allows you to have your portfolio web site up and working quick with out the trouble of designing a number of pages.

Within the WordPress dashboard, head over to Settings ≫ Studying. Subsequent to the Homepage, choose the ‘Portfolio’ dropdown to make your portfolio web page your Homepage.

Then head again to SeedProd ≫ Theme Builder, and also you’ll see an inventory of all of the pages throughout the theme.

Scroll down and hover over the ‘Portfolio’ web page. Then click on on ‘Edit Design.’

5. Edit the Portfolio Web site

Now it’s time to edit the content material and make it your individual. You’ll be despatched to SeedProd’s visible, drag-and-drop web page builder. There are many Customary and Superior widgets to select from, corresponding to a headline, textual content, record, header, featured picture, and so forth.

Merely drag the widget you need and transfer it to the precise location you need that component.

You can even customise the background to your liking by selecting a strong coloration, gradient coloration, or background picture.

Simply click on on the outer layer field, and below ‘Content material’ within the sidebar menu, you’ll see choices to customise your background.

When you need assistance working with the SeedProd interface, you’ll be able to watch our SeedProd video tutorials.

When modifying the contents of your fundamental portfolio web page, there are a number of key elements you need to embody, corresponding to:

Robust Name to Motion (CTA): Portfolio websites ought to have a transparent name to motion to permit guests to rent or get in contact with you. The CTA button must be positioned each above the fold and on the backside of your web page.

Simply discover the ‘Button’ field within the left-hand menu and drag it to your web page on the suitable.

When modifying any component, you could click on on the precise component or space you need to customise.

Then, the choices for that block seem to the left. As you’ll be able to see beneath, the Content material tab permits you to edit the button textual content and hyperlink it to your contact web page and even to an embedded type decrease on this similar web page.

The ‘Templates’ tab permits you to select the button type, and the Superior tab permits you to change the padding, fonts, and extra.

Companies you supply: Guests need to know what you supply to allow them to be certain you are able to do what they’re in search of. For example, as a WordPress developer, do you code customized plugins, supply web site customizations, or construct web sites from scratch?

To create a companies part, simply add a Column widget and insert an Icon Field for every service we provide.

Then, you’ll be able to customise the textual content and icons as wanted by clicking on the component and utilizing the sidebar.

About Me part: Potential prospects and shoppers additionally need to know extra about your background and expertise. It is a likelihood to construct a reference to individuals and showcase why you’re enthusiastic about what you do.

To create an About Me part, all it’s good to do is add the ‘Picture Field’ widget to the web page. Then, add a portrait photograph of your self and write an outline that tells individuals extra about you.

If you’re making a portfolio for a enterprise or model, you may use your customized emblem right here as an alternative.

Testimonials: Offering testimonials from earlier shoppers helps to construct belief, particularly in case you’ve labored with respected manufacturers. Seeing that different persons are happy together with your work provides others the arrogance that you would be able to additionally do a terrific job.

Merely add the Testimonials widget to your web page. Then, you’ll be able to add a photograph of the consumer and edit their identify and testimonial. If you wish to add extra critiques, click on on the ‘Duplicate’ icon subsequent to the individual’s identify.

6. Add a Gallery to Showcase Examples of your Work

Making a portfolio web site provides you an opportunity to showcase the entire superior work you’ve completed. When potential shoppers see what you are able to do, they’ll belief that you simply’re the suitable individual for the job.

To try this, we’ll be utilizing Envira Gallery, which is the greatest WordPress gallery plugin. Whereas you should utilize the ‘Superior Gallery’ widget on SeedProd, Envira Gallery provides you extra performance.

For instance, it comes with Lightbox photographs, which means when somebody clicks on a photograph, it routinely shows the complete dimensions without having to crop or resize them. You’ll be able to even add slideshows and set up your galleries into albums to raised categorize your work.

First, set up and activate the Envira Gallery plugin. You’ll be able to comply with our information on how one can set up a WordPress plugin for detailed directions.

Head over to Envira Gallery ≫ Add New within the WordPress dashboard. Then, identify your gallery within the title bar. From there, click on ‘Search Recordsdata from Your Laptop’ so as to add photographs of your portfolio tasks.

When you’ve uploaded the portfolio objects, scroll down and choose the ‘Config’ tab.

Right here, you’ll be able to change the variety of gallery columns you need to show. Setting it to ‘Automated’ will set the variety of photographs to routinely fill every row.

If you wish to change the picture sizes, scroll down within the ‘Config’ tab and discover the Picture Measurement possibility.

Choose the scale that greatest showcases your portfolio objects.

You can even regulate the Lightbox picture measurement in order that it shows the unique measurement picture when somebody clicks on the image.

Go to the ‘Lightbox’ tab and regulate the Picture Measurement to ‘Authentic Picture.’

Scroll as much as the highest of the web page and hit ‘Publish.’ Beneath the publish button, you’ll see a shortcode.

Copy the shortcode in order that we are able to add the gallery to our WordPress portfolio web page.

Return to your portfolio web page in SeedProd. Drag and drop the Shortcode block anyplace you’d like on the web page.

Then, merely paste the shortcode into the ‘Shortcode’ field within the sidebar menu.

If you wish to preview the shortcode, click on on the ‘Preview’ button on the highest proper nook of the web page.

It will present you what the whole web page seems like.

Right here, you must be capable to see that your Envira Gallery is embedded in your portfolio web site.

With the lightbox characteristic from Envira Gallery, you’ll be able to click on on every merchandise to see the complete picture.

7. Add a Contact Kind

Now that you simply’ve reeled in your potential shoppers, it’s time to get them to contact you. Positive, you’ll be able to simply drop an e-mail in there, however contact kinds allow them to ship you a message immediately with out opening up their e-mail app.

The easiest way to create a easy {and professional} contact type is with WPForms.

WPForms is the greatest WordPress type builder that allows you to create on-line contact kinds.

To learn to create a easy contact type in your web site in order that potential shoppers can contact you, simply comply with our step-by-step tutorial on how one can create a contact type in WordPress.

When you’ve accomplished your type, return to your portfolio web page. You need to use the ‘Contact Kind’ widget so as to add a type from WPForms. Underneath ‘Choose a Kind,’ select the one you’ve created.

8. Make It Stay

If every little thing seems good, you’re able to launch your web site.

All you must do is click on the arrow below the inexperienced ‘Save’ button on the highest proper nook. Then click on ‘Publish.’

Go forward and verify the reside web site.

All the things ought to seem, together with the portfolio gallery, buttons, and phone type.

After getting a professional-looking portfolio web site made, you’re prepared to start out sending extra site visitors to your web site or nurture prospects.

We hope this text helped you learn to create a web based portfolio web site in WordPress. We additionally advocate that you simply try our publish on how one can begin a WordPress weblog or our information on how one can create an e-mail e-newsletter.

When you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Fb.

The publish The best way to Create an On-line Portfolio Web site in WordPress first appeared on WPBeginner.