Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.


How to build a Designers Portfolio Website on Wordpress with free tools within 1 day

via Skillshare


In this course you will learn how to transform a design file into a clean designers portfolio website in Wordpress. So at the end of the course you can have your own designers portfolio up and ready to use.

I will use the free version of Elementor in this course (the most popular pagebuilder in the world) and I will use a free theme. That means that there are no hidden costs within this course. The only thing you need (which costs money) is a domain. But if you don’t have one, I will show you an easy way to acquire one.

What makes this course different is that I don’t just import a few templates and I show you how to edit those (like many other courses), but I’m a designer myself. So I know the theory behind design and will guide you from the first button to the last piece of text. If you literarily follow all the video’s you will have a new portfolio site after one day. Then you just need to change it according to your taste, and then you’re done!  

With the skills and website you will have at the end of this course you can to start offering your website skills to others!

  • Download the exercise files: here
  • Elementor & Hosting links are here:
  • Google Fonts:
  • Adobe Color:
  • My personal instagram:


  • Trailer: How to build a portfolio website in Wordpress with the free version of Elementor
  • An Overview + What you will need to know
  • Choosing a good domain name
  • Installing Wordpress on a hosting and domain
  • Wordpress Basics, Cleaning up
  • Installing Elementor and creating our Menu
  • Installing the Free Theme
  • Download the exercise files
  • Picking your fonts and your colors with Adobe Kuler. Save this!
  • Preparing Elementor Global fonts & colors with a color pallet
  • Exploring the Elementor widgets + editor
  • Building our Video Header Background
  • Floating services bar
  • Checkbox text section
  • Animated Image section
  • Client section
  • Number Animation section
  • Testimonial section
  • The call to action with a button
  • Building the footer
  • Mobile and Tablet page design
  • Customizing the menu
  • The portfolio page with portfolio items
  • The About page header with 3 section column
  • Finishing the About page
  • The easy contact page
  • Adding your Site/Fav Icon
  • Installing automatic backups
  • Making the Wordpress login experience nicer
  • Putting the website live
  • BONUS: Why you want Elementor Pro

Taught by

Rino De Boer

Related Courses


Start your review of How to build a Designers Portfolio Website on Wordpress with free tools within 1 day

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free