How to build Wordpress Website With Astra & Elementor

Name: How to build Wordpress Website With Astra & Elementor
Rating: 4.0 (73 reviews)

Learn how to create a business website with WordPress using Elementor + Astra Theme, no coding needed.

Last updated 7/2018

English

What you'll learn

Install and configure WordPress on a hosting account
Build your own beautiful website using WordPress.
Install and configure WordPress on a Local Environment
An understanding of the main content types of WordPress and their differences
The ability to configure WordPress to your preferences
An understanding of how to tweak your theme settings and alter the look of your site
An understanding of how to make your site more secure
The ability to install new themes and plugins in to your WordPress site

10 sections • 54 lectures • 6h 22m total length

Instructor Introduction1:13
What You Need for this Course1:06
What You'll Learn in this Course2:24
Download all the images from here0:32
Build a Wordpress website using Astra and Elementor, and learn how to download all the images from here.

Backend Login2:45
Posts5:25
Pages2:25
Media2:48
Comments3:03
Menus3:27
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.
Widgets4:10
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.
Users6:24
Plugins3:01
Install and activate WordPress plugins from the WordPress repository, check compatibility and active installations, and add anti-spam protection to enhance blogging with Elementor.
Themes3:26
Customizer6:42
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.
General7:55
Permalinks4:48
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.

Come up with Design Concept8:33
Choose Colours5:06
Choose Fonts4:51
Design Logo with Photoshop8:20
Design Logo with Canvas2:22
Basic Administrator Tasks for Wordpress10:57
Install Elementor and Astra Theme4:27
Build Homepage: Logo4:09
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.
Build Homepage: Pages and Menu6:57
Build Homepage: Edit the Hero Image Text14:47
Build Homepage: Middle Section Part 114:50
Build Homepage: Middle Section Part 211:29
Build Homepage: Middle Section Part 312:42
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.
Build Homepage: Footer7:19
Build Homepage: Mobile Ready14:54
Build About Us Page23:18
Build Services Page10:26
Build Blog Page5:03
Build Contact Us Page13:03
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.

Security4:42
Search Engine Optimization (SEO)6:05
Backup and Cloning12:28
Restoring Your Website7:34
Wordpress Caching2:34
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.
Google Analytics4:53
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.

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.