
Watch this intro video to learn the essentials of WordPress website design and creating landing pages.
Beginner-friendly overview of the World Wide Web and WordPress design concepts, exploring web design fundamentals, local development tools, and building a first one-page site with Elementor.
Explore website design and development, understanding how the interface shapes look and feel, and how product designers or UX designers use Figma or Photoshop to plan handoffs to developers.
Explore three opportunities for a web designer: build your own site, design for clients, or work at a design agency. Earn via salaries or project-based pay.
Explore popular web programming languages like HTML, CSS, and JavaScript, compare no-code, low-code, and fully coded development, and highlight WordPress as a leading CMS.
Research three ugly websites and three beautiful websites to compare their layouts. Evaluate how creative web design differs from basic web design by layout differences.
Explore WordPress as an open source web content management system, originally built for blogs and now used for e-commerce, memberships, and forums; compare self-hosted WordPress.org with hosted WordPress.com.
Explore why WordPress dominates the CMS market, with 493 million sites and a 62.4% share, driven by a global open-source community, events, and 59,000 free plugins.
Discover how WordPress powers popular websites, from Lagos State Government and Oyo State Government to international brands like the White House, Meta newsroom, Facebook, and Adobe.
Explain the technical foundation of WordPress by outlining hosting, domain names, SSL, PHP, MySQL, and cPanel, and how these elements support a WordPress site.
Explore WordPress non-geek structure by understanding themes and plugins, front end and back end, and how appearance and functionality change with over 13,000 free themes and 59,000 plugins.
Compare WordPress.com and WordPress.org, highlighting hosted plans and pricing limits on WordPress.com, which offers storage and a free domain name, versus the free, open-source, extensible WordPress.org platform.
Explore local development resources for WordPress, including setting up a local server, installing WordPress software, and applying themes to build and test websites offline.
Learn to install Wamp server on your system, run WordPress locally, create a database with phpMyAdmin, and configure a self-hosted WordPress site on your local host.
Identify online resources for hosting and domain names, using Namecheap for hosting and domain king.ng for local currency payments, and rely on their excellent support to launch your WordPress website.
Learn to build a landing page and one-page WordPress site from scratch, covering basic concepts to design a page with logo, navigation, heading, text, button, and imagery sans templates.
Explore the WordPress dashboard, learn to set up a site from scratch, and practice with a demo Test WP staging site before moving to a live site with hosting.
Update WordPress site title and tagline, set your time zone, and preview how visitors see your site. Remove dummy content, switch themes, and begin building your landing pages.
Install the required theme, Elementor, and the Elementor page builder with header and footer plugins, then activate them to start building your WordPress site from scratch.
Create a main menu in WordPress with pages, posts, custom links, and categories, then save; build header and footer with the Elemental header and footer plugin, including logo and search.
Build a three-column header in WordPress with Elementor: set the header template to display on the entire site, publish, then add a logo, navigation menu, and search widget.
Style the header by adjusting the logo text, menu, and search icon, set Montserrat typography in black, and balance layout for the home page header.
Style a website page by centering the heading, body, and button with Montserrat typography and color choices. Learn alignment, color picking with Paint 3D, button styling, and basic refresh fixes.
Design the homepage body in WordPress with Elementor by creating a new page, publishing, editing with Elementor, hiding the title, and adding text, a body paragraph, and a button.
Switch your WordPress homepage from the latest post archive to a static page by selecting the home page in settings and saving changes, then adjust header and footer visibility.
Log in to WordPress admin and edit homepage with Elementor to build a two-column section with left text and right image. Use Montserrat in black, 500, with an image widget.
Learn to build the body page section IV by removing image backgrounds with remove.bg, uploading images, sizing and aligning them, using spacers and two-column layouts, and applying a yellow background.
Explore building the final page in WordPress using Elementor. Adjust image sizes, apply a background color, and fine-tune margins to craft a polished landing page.
Master the practise page within WordPress training, applying website design to create effective landing pages.
Design a WordPress landing page using the Elementor canvas, creating a two-column layout with an image on the right and text with a button on the left.
Apply top and bottom padding to first section, center the text, and fine-tune padding, margin, colors, and spacing using the navigator, unlinking values, and adjusting left padding and button styles.
Master adding a new one-column section in Elementor, grabbing a background color code, inserting a heading, test editor text, a button, and an image, and copying styles for consistency.
Students design the final landing page section by adding a heading, paragraph, and newsletter sign-up button, then adjust padding, margins, and background color for a centered, polished layout.
With over 5 million active installations on websites, Elementor is a fast-growing and leading platform for web creators to build pixel-perfect and professional websites using an intuitive visual builder.
In this crash course, you will begin with an Introduction to web creation, a glance at WordPress (the world’s most famous and favorite CMS for websites), and then go deeper into building your page from Scratch.
By the end of this course, students will be able to learn how to build beautiful website pages from scratch by understanding the layout first and then creating it on the web.
This course is beginner-friendly and designed at a pace that allows anyone to learn and grasp the concepts.
Prerequisite: Basic WordPress knowledge with a local or online setup. If you have no prior knowledge of WordPress, we recommend you take the Complete WordPress Dashboard course (beginner to advanced).
For practice purposes, we recommend you have a staging site (there is a free course on setting up a WordPress staging site here)
N.B – This crash course for beginners focuses solely on introducing the audience to the world of visual web creation using landing pages. Future courses will cover intermediate and advanced web design courses.