YoVDO

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

Offered By: Skillshare

Tags

WordPress Courses Web Design Courses Elementor Courses Responsive Design Courses Web Hosting Courses

Course Description

Overview

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
  • Get Elementor via http://livingwithpixels.com/elementor
  • Get Siteground (Premium Hosting provider) via: http://livingwithpixels.com/siteground
  • Google Fonts: https://fonts.google.com/
  • Adobe Color: https://color.adobe.com/
  • My personal instagram: https://www.instagram.com/rinodeboer/

Syllabus

  • 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

WordPress Training Course: Learn How to Build a WordPress Site With Elementor
HubSpot via HubSpot Academy
Creating a Responsive Website with Wordpress
CreativeLive
WordPress: crie um site profissional do zero
Domestika
Héberger et gérer plusieurs sites Web sous Linux avec Apache
Coursera Project Network via Coursera
Hosting a Static Website (HTML/CSS/Javascript) in AWS S3
Coursera Project Network via Coursera