
Create a unique online portfolio with WordPress and the Elementor Page Builder, preserving your personal style without coding. Start from a blank page to unleash creativity.
Build a single-page portfolio site with the free Elementor, featuring a hero section, image gallery with animations and lightbox, and a footer with contact links, responsive across devices.
Set up a free WordPress site with Wasma hosting, install Elementor, and configure the Hello Elementor theme while disabling header, footer, and atomic editor features.
Create and publish a WordPress page with Elementor, manage live drafts, and explore the latest Elementor menu changes, structure, and responsive preview to optimize your site.
Create a full-page hero in Elementor, with a two-column layout at 100vh, full width, zero margins, magenta background, left image, and a right-side h1 heading in the bold bungee font.
Create a dynamic portfolio grid by nesting containers in a four-column grid, duplicating layouts, and balancing spacing with margins, padding, and alignment to display varied image ratios.
Explore how to animate image grids and implement a lightbox gallery in Elementor. Customize entrance animations, delays, and per-image titles and descriptions to showcase your portfolio effectively.
Build a two-column footer with social icons and a Google Maps widget showing office at 47 Wallaby Street, black background, with padding and hover effects for Instagram, Behance, and Dribbble.
Master responsive design for a Wordpress portfolio built with Elementor by adapting the desktop layout to tablet and mobile, adjusting typography, image position, grid columns, and padding.
Launch a WordPress site with Elementor by setting the site identity, logo, and site icon. Choose a home page and connect a domain by updating DNS records to go live.
We all have massive creative skills, and we all want to show them off to the world in an online portfolio.
That can get tough, though. You don’t want to use a pre-built template because that loses your personal style. You want to build it up in WordPress and start from scratch. That is possible if you use the Elementor page builder, so in this class I will walk you through all of that and show you how to make a unique and cool portfolio website.
At the end of this, you will have your online visual business card out in the universe.
As a professional graphic designer, I will teach you how to use the FREE version of Elementor.
Here is what you will learn:
WordPress set-up
Elementor page builder basics
Just using the FREE version of Elementor
Using the latest setup - Flexbox container and grid
Image entrance animation
Lightbox display
Maps and social media
Responsive design to make sure it works on mobile and tablet
This course is perfect for:
Beginners—If you have never used WordPress or built a website, this will walk you through the site-building basics and show you how to incorporate those into your beautiful style.
Experienced Website designers - For those of you comfortable with WordPress this will show you the best page builder for being super creative, and I will talk you through what needs to be on show in your portfolio, so you can impress anyone who visits
For free hosting, head over to Wasmer and set up Elementor that way. 2 other free hosting services that may work better for you are Infinity and GoogieHost.
Credits
Music - Level Up! by Weary Eyes Icons8
Extra film footage - Samuel Hesketh