
Meet an experienced web designer with nearly 40 years of site-building, sharing his journey from Joomla and Drupal to WordPress, and his passion for web design.
Identify the essential tools for this course—Windows or Mac computer, modern browser (Chrome, Firefox, or Safari), and internet access—to install WordPress, with no prior web design experience required.
Learn to build a WordPress business website from scratch using Astra and Elementor, covering site anatomy, essential plugins, and page design with animations and maps.
Build a Wordpress website using Astra and Elementor, and learn how to download all the images from here.
Explore WordPress as a free, open source content management system for publishing websites and blogs, powering about 28 percent of the web and offering rich customization.
Install WordPress on a GoDaddy hosting account by signing in, opening cPanel, and using web applications to set up domain, latest WordPress version, and secure admin credentials.
Learn to set up a local WordPress development environment with Flywheel, install WordPress automatically, create and log into a local site, and clone for online deployment.
Install WordPress locally using a one server setup, configure Apache, PHP, and MySQL, create a database, and run the WordPress installation from WordPress.org.
Log into the backend at local slash wb, then explore the WordPress dashboard to review the WordPress version, theme, posts, comments, pages, activity, and drafts.
Learn to create posts in WordPress, organize them with categories and tags, set formats and a featured image using add media, then publish to the front page.
Create a new page in WordPress, publish it, and view its permalink. Understand that page building with a page builder will follow the same creation concept.
Learn how to manage media in WordPress, uploading images, videos, and audio via drag-and-drop or file select, and copy its link.
Explore how the WordPress backend handles comments, including posting, approving, trashing, and permanent deletion, and learn basic anti-spam security practices to protect your site.
Create and customize a WordPress menu in the dashboard by adding pages, custom links, and drag-and-drop submenus, then set the primary menu to appear on the front page.
Explore how to use widgets in WordPress to add images, videos, links, categories, and galleries by dragging and dropping in the backend and applying them to pages.
Manage WordPress users from the back end by enabling front-end registration, assigning roles (subscriber to admin), and securing logins with unique usernames, strong passwords, and gravatar avatars.
Install and activate WordPress plugins from the WordPress repository, check compatibility and active installations, and add anti-spam protection to enhance blogging with Elementor.
Learn how to find, install, activate, and manage WordPress themes from the dashboard, including using Astra, deleting non-active themes, and previewing changes on the front page.
Explore WordPress customize as a front end builder for Astra and Elementor. Upload and crop logos, adjust site title and favicon, tweak colors and backgrounds, then publish changes.
Configure general WordPress settings to define the site title, tagline, admin email, language, and time formats. Set reading, discussion, and media options to manage the homepage, summaries, comments, and thumbnails.
Change your WordPress permalink settings to post name for human and machine readability. Avoid default or date-and-name formats to keep URLs simple, readable, and SEO-friendly.
Master WordPress headers, including logo placement, the main menu with dropdowns, and top navigation. Customize headers via appearance customize, add a search box, and adjust colors and fonts.
Learn how a footer in Wordpress sites built with Astra and Elementor uses a different color from the main page, shows the company logo, social icons, and a copyright notice.
Explore how sidebars organize content on Wordpress pages, showing how to place widgets like video, image, and search boxes on category or subpages while keeping the home page clean.
Build a WordPress front page with Elementor using drag-and-drop, pixel-perfect design, and free templates, while understanding when to use pro features and updates.
Discover the Astra theme’s speed and customization, import ready headers, and tailor typography, colors, and layout; then combine it with Elementor to build a complete, flexible WordPress site.
Learn how to craft a design concept using drop shadows, color schemes, typography, and mobile-first layouts to create depth in an Elementor-powered WordPress site.
Learn to pick a color palette for WordPress websites with Astra & Elementor using a free color tool to generate hex codes and define primary, secondary, and background colors.
Choose fonts by exploring Google Fonts and applying them in your WordPress site built with Astra and Elementor, then import custom font files via a plugin for flexible design.
Design a modern WordPress logo using Photoshop, guided by inspired concepts from existing VoIP logos, with careful color choices, transparent backgrounds, and layered edits to craft a distinctive brand mark.
Design logos and branding assets without Photoshop by using a free alternative like Kumba, exploring 50,000 templates for logos, posters, letterheads, and social media graphics.
Configure the WordPress admin dashboard, tidy posts and comments, and set general, media, category, and permalink options to prepare a site for development.
Install and activate Elementor and the Astra theme on a fresh WordPress site, verify compatibility, and customize the front page to transform it into a clean, functional website.
Transform the homepage from plain to attractive by adding a logo via customize, cropping it, and setting a front page with a hero image, then publish.
Create and organize your WordPress homepage by building pages, setting up the primary menu in the back end, and refining the header, logo placement, and color theme.
Learn to customize the homepage hero in WordPress using Astra and Elementor, including editing text, setting a hero background image, and styling buttons and typography.
Build the middle section of a WordPress homepage using Astra and Elementor by structuring two columns, styling text, colors, typography with Roboto, adjusting padding, and preparing for a responsive design.
Continue building the home page middle section by creating a four-column layout, copying and pasting elements, and refining typography. Adjust color, spacing, and alignment for a cohesive front page design.
Build the middle section of the homepage in Wordpress with Astra and Elementor by reusing a section, swapping images, and assembling a country list gallery.
Learn to build and customize a WordPress footer with Astra and Elementor by adjusting colors, logos, and social icons, removing the footer separator, tweaking spacing, and publishing updates.
learn to make your WordPress front page mobile ready using Astra and Elementor, adjusting images, typography, spacing, and visibility for tablet and phone views.
Design and save the about page as a reusable template in WordPress using Astra and Elementor, importing and editing sections, headers, and three-column layouts with typography and background images.
Learn to build a services page in WordPress using Astra and Elementor by importing templates from the about page, editing sections, and adjusting fonts, colors, padding, and hover effects.
Learn how to build a WordPress blog page with Astra and Elementor by creating posts, assigning categories, adding a featured image, and configuring widgets and the search box.
Build a WordPress contact page using Astra and Elementor by importing a template, creating a two-column section, and embedding a Contact Form 7 shortcode with styling and padding adjustments.
Learn to secure a WordPress site by installing a security plugin, enabling brute-force protection, and using backup and clone strategies, while integrating caching, SEO, and Google Analytics.
Install and activate the Yoast SEO plugin in WordPress to enable search engine optimization. Add concise, human-readable meta descriptions to every page and post to improve Google snippets and readability.
Install and configure UpdraftPlus for automated backups to Dropbox. Clone and migrate WordPress sites with All-in-One WP Migration, exporting and importing the full backup.
Master restoring a WordPress site after backup and cloning, using the all-in-one migration plugin to import, export, and complete a 100% restoration on a fresh WordPress install.
Learn how WordPress caching speeds up sites by installing and activating a free caching plugin, saving an empty cache, and serving cached content to returning visitors to reduce server load.
Set up Google Analytics on a WordPress site built with Astra and Elementor. Learn to connect your Google Analytics account and read metrics like users, page views, and bounce rate.
Learn to manage WordPress updates, including plugins and themes, by backing up and cloning first, then applying updates while checking the front page for issues.
Learn to replace WordPress's default login screen with a custom login page using a plugin, then tailor the logo, colors, background, and form styling to match your brand.
Wraps up the course by recapping how to build a WordPress site with Astra and Elementor, covering essential plugins, security, and dashboard options.
All the tools we are using on this course are all 100% free.
Everyone knows about the importance of creating a responsive website that looks smashing on desktop, tablet and mobile devices.
In this course, we go through step by step how to create a stunning WordPress website with the FREE Elementor and Astra theme.
We then go on to explain how to customize the website we created to fit all devices, using Elementor's visual mobile editing tools.