Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
WordPress & Elementor | Creative Website Design Bootcamp
Rating: 4.3 out of 5(61 ratings)
12,403 students

WordPress & Elementor | Creative Website Design Bootcamp

Build WordPress websites using Elementor page builder from scratch and also master the fundamentals of Elementor
Last updated 4/2026
English

What you'll learn

  • Become a Wordpress and Elementor Expert. Create beautiful pages, post and portfolio items using WordPress and Elementor
  • Master the art of using the Elementor page builder plugin
  • How to ensure your site looks great on desktop, tablet and mobile phone
  • How to create a use (and re-use) templates.
  • Build Amazing looking web pages without using any code
  • How to use motion effects in your design
  • WordPress Theme fundamentals
  • Create WordPress website without Theme
  • Design WordPress website header, footer and sidebar with widgets
  • Enhance communication on website
  • Increase conversion on website
  • Create Your Own Website From Scratch

Course content

3 sections44 lectures5h 44m total length
  • General course overview3:41

    Learn to build complete WordPress and Elementor websites from scratch, using menus, services, contact pages, who we are sections, testimonials, maps, and animated elements for a professional online presence.

  • Introduction to Automobile Website Design7:26

    Master WordPress and Elementor to build a fully functional automobile services website, including logo, hover menus, services, contact, video backgrounds, and mobile-ready design.

  • Download and Installation of Elementor5:35

    Learn how to install and activate the Elementor plugin on a WordPress site, secure it with a free SSL, and begin building from a clean starter setup.

  • Ask Questions, Get Support & Achieve Your Dream!0:49
  • Your first Elementor page8:16

    Install Elementor on WordPress, create your first Elementor page, publish it as home, and set a static front page in reading settings.

  • Basic Elementor Design Practices6:51

    Learn to configure Elementor defaults, set and preview colors, fonts, and backgrounds, and use navigator, history, and responsive tools to design for desktop, tablet, and mobile.

  • How to add Header Text15:39

    Learn to add header image and header text in Elementor, build from scratch with sections, import and save templates, and customize heading styles, colors, alignment, margins, and motion effects.

  • How to add Header Slides9:11

    Learn to add header slides as a background to text in WordPress section by using the slideshow background, uploading images, creating a gallery, and adjusting height and overlay.

  • How to add double column to Elementor website8:52

    Learn to add multiple columns in an Elementor page using spacers, duplicate columns, and insert video and text with spacing and alignment for full-width or boxed layouts.

  • How to add 3 column layer in ELementor6:30

    Learn to build a three-column Elementor layout with images, centered headings, and text, using spacers and vertical alignment to create a polished services section.

  • How to work with multiple columns in Elementor8:59

    Learn to build three-column layouts in Elementor by combining columns, adding spacers and headers, with centered content and professionalism in icon boxes.

  • How to add effects to your design2:58

    Learn to add motion effects and entrance animations in Elementor by editing columns, applying vertex-based animations, and using overlays and images to showcase services for an automotive website.

  • How to add Team section8:31

    Create a team section in WordPress and Elementor by adding a spacer, a centered heading, a three-column image grid with captions, and apply zoom entrance and hover pause effects.

  • How to add clients brands7:42

    Showcase client brands with an image carousel to build trust, display logos of leading brands, and highlight driving technology for top clients.

  • How to add Testimonial6:41

    Add customer testimonials to your WordPress and Elementor site by creating a dedicated section, adding three testimonials, uploading images, and tuning alignment, spacing, and image positioning for a polished look.

  • How to add digit counter to your website4:08

    Learn to add a digit counter to your WordPress and Elementor site, showcasing dynamic stats like 100,000 happy customers, 50 cars daily, and 20 vehicle brands with engaging effects.

  • How to add contact page9:44

    Learn how to add a contact page in WordPress using Elementor, including heading, inquiry text, email details, social icons, and a map, with notes on free vs pro features.

  • How to create a Logo7:01

    Learn to design a logo from scratch using a free logo maker, choose colors, customize shapes, download in high-resolution formats, and add it to your WordPress site with Elementor.

  • How to add logo to your website10:39

    Learn to add a logo to a website with free and pro Elementor, configure a logo with a nav menu, link it to the homepage, and adjust z-index and layout.

  • How to add menu (Part 1)11:13

    Learn to add a menu bar in WordPress and Elementor using menu anchors and drag-and-drop, even with the free version.

  • How to add menu (Part 2)15:09

    master a better menu approach for a single-page WordPress site using an inner section, duplicating columns for about, services, why us, team, clients, and testimonials, with hash anchors.

  • How to make site updates on WordPress and Elementor6:26

    Learn how to update WordPress sites with Elementor, customize site identity, add logos and icons, publish changes, manage plugins, and optimize SSL and layout for a polished design.

  • How to make your website responsive8:21

    Learn to craft a responsive WordPress site with Elementor, testing layouts on desktop, tablet, and mobile, and using visibility and typography tweaks for a polished menu and sections.

Requirements

  • No Prior Programming Knowledge Required
  • Knowledge of WordPress is an advantage
  • You need a computer with an internet connection and a browser.
  • You don't need to have any coding or programming skills.
  • You will learn how to create a website on your own computer but if you want to get a domainname and webhosting there are some costs involved.

Description

Unlock the full potential of WordPress and Elementor with our beginner-friendly course, “Professional WordPress and Elementor Website Designs from Scratch.” This comprehensive course will guide you through the process of building two impressive websites from start to finish using both the free and pro versions of Elementor. Whether you’re new to web design or looking to refine your skills, this course is designed to equip you with the knowledge and practical experience needed to create stunning, responsive websites.

What You’ll Learn:

First Website Design Using Free Elementor:

  • General Course Overview: Get an introduction to what you’ll learn and achieve.

  • Introduction to Automobile Website Design: Dive into designing an automobile website.

  • Download and Installation of Elementor: Learn how to install the Elementor page builder.

  • Your First Elementor Page: Create your first page with Elementor.

  • Basic Elementor Design Practices: Understand the best practices for designing with Elementor.

  • How to Add Header Text: Learn to add and style header text.

  • How to Add Header Slides: Incorporate engaging header slides.

  • How to Add Double Column to Elementor Website: Use double columns for layout flexibility.

  • How to Add 3 Column Layer in Elementor: Create and manage a three-column layout.

  • How to Work with Multiple Columns in Elementor: Master the use of multiple columns in your designs.

  • How to Add Effects to Your Design: Enhance your site with various effects.

  • How to Add Team Section: Showcase your team professionally.

  • How to Add Clients Brands: Highlight your clients’ brands on your site.

  • How to Add Testimonial: Add testimonials to build trust with your audience.

  • How to Add Digit Counter to Your Website: Include interactive digit counters.

  • How to Add Contact Page: Design a functional contact page.

  • How to Create a Logo: Learn the basics of logo design.

  • How to Add Logo to Your Website: Integrate your logo into the website.

  • How to Add Menu: Create and customize navigation menus.

  • How to Make Site Updates on WordPress and Elementor: Keep your site updated and fresh.

  • How to Make Your Website Responsive: Ensure your website looks great on all devices.

Second Website Design Using Elementor Pro:

  • Introduction to Website Design Using Elementor Pro: Get an overview of advanced design techniques.

  • Download and Installation of Elementor Pro: Learn to install the pro version of Elementor.

  • Update and Overview of WordPress and Elementor Pro: Stay updated with the latest features.

  • How to Create Header Logo and Menu: Design and implement a professional header.

  • How to Add Header Text with Video Background: Add dynamic video backgrounds to your headers.

  • Review Mobile Responsiveness for Website Header: Ensure your headers are mobile-friendly.

  • How to Create the About Page: Design an engaging about page.

  • How to Add Flip Box to Service Page: Use flip boxes for interactive service presentations.

  • How to Add Why Us Page in Your Website: Create a compelling “Why Us” page.

  • How to Create a Contact Page: Design a functional and attractive contact page.

  • How to Add a Footer to Your Website: Implement and style a professional footer.

Benefits of Taking This Course:

  1. Comprehensive Learning: Master both the free and pro versions of Elementor, covering all essential aspects of web design.

  2. Hands-On Projects: Build two complete websites, gaining practical experience and a portfolio to showcase.

  3. Expert Instruction: Learn from seasoned web developers with real-world experience.

  4. Responsive Design: Ensure your websites look great on any device, meeting modern web standards.

  5. Career Readiness: Equip yourself with the skills needed for a career in web design and development.

  6. Ongoing Support: Access a supportive community and get help when you need it.

Why Choose This Course:

  • Beginner-Friendly: Perfect for those new to WordPress and Elementor with clear, step-by-step instructions.

  • Project-Based Learning: Focus on practical projects that provide real-world experience.

  • Comprehensive Curriculum: Covers all essential aspects of building and designing websites with Elementor.

  • Career Support: Gain insights into job opportunities and best practices in the industry.

  • Proven Methods: Learn tried-and-true techniques used by professional web developers.

Intended Audience:

  • Beginners in Web Design: Individuals with no prior experience in web design.

  • Aspiring Web Developers: Those looking to start a career in web design and development.

  • Hobbyists and Enthusiasts: People interested in creating professional websites for personal projects or small businesses.

  • Students and Graduates: Individuals studying web development or related fields seeking practical skills.

  • Career Changers: Professionals looking to switch careers and enter the web design industry.

Enroll now in “Professional WordPress and Elementor Website Designs from Scratch” and take the first step towards becoming a skilled web designer. Start your journey today and create stunning, responsive websites that stand out!

Complete Elementor and WordPress Website Design Masterclass starts from the very beginning by teaching you Elementor and WordPress basics and then going into advanced topics and different career fields in Elementor and WordPress so you can get real life practice and be ready for the real world. You will also build three (3) stunning Elementor and WordPress websites from scratch in this course in three different sections.


Some Fundamentals of Elementor and WordPress that were covered in this course are as follows:

  • How to work with sections, columns and widgets

  • How to build a header section complete with the site logo and social media icons

  • How to work with title widgets

  • How to work with video and text boxes

  • How to build an image carousel

  • How to insert number counters as well as toggle elements

  • How to add a Google map to your web page

  • How to create and insert a contact form

  • How to build responsive web content and structure

  • How to work with page templates

  • and so much more


Why Must I Take This Course And What Benefit Is It To ME As A Web Developer?

This course will help you to become a freelancer and work ready always. This is the only course on the internet that will help you to become a certified and successful Website Designer with an in-depth knowledge of the entire aspect of Elementor and WordPress and also prepare you with the required skills necessary to build you to face job interviews and get employed as a full stack Web developer.


Emenwa Global instructors are industry experts with years of practical, real-world experience building software at industry leading companies. They are sharing everything they know to teach thousands of students around the world, just like you, the most in-demand technical and non-technical skills (which are commonly overlooked) in the most efficient way so that you can take control of your life and unlock endless exciting new career opportunities in the world of technology, no matter your background or experience.

Who this course is for:

  • Anyone Who Wants To MASTER Wordpress And Elementor Page Builder
  • Web developers who want to learn how to use the Elementor page builder plugin
  • Anyone who wants to learn how to make a website