HDTutorial
EN

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Make a Website with Astra | 2020 (Astra Theme Tutorial + Elementor)

260,121 views October 30, 2020 1:16:35

Watch on YouTube
ChannelCreate a Pro Website

Chapters

Description from the creator

Here's the web hosting (60% OFF) discussed in the video:
👉 createaprowebsite.com/hostgator
You can also use code "CREATEAPROWEBSITE" on checkout 👆

Astra is one of my favorite themes on WordPress. So, I made a video to show you guys have to build an awesome website with Astra! Check out this tutorial on How to Make a Website with Astra

Get a Domain Name & Hosting for Your Website:
createaprowebsite.com/hosting

Get Astra's Pro Theme:
createaprowebsite.com/astra-pro

(I do receive a commission when you use the above link, but it gets you a discount on a domain and hosting as well. So it's a win-win!)

Follow-Along Images Download Link:
drive.google.com/uc?export=download&id=14M0…

TIMESTAMPS
00:00 Intro
00:52 Overview

Domain Name & Hosting
02:04 Step 1: Get a Domain Name & Web Hosting
03:26 Web Hosting Packages
04:18 Getting a Custom Domain

WordPress
08:33 Step 2: Install WordPress
09:05 Site Name & Login Info
10:14 Logging Into WordPress
10:44 Website Propagation

Astra Theme
11:16 Step 3: Install & Activate Astra
12:45 Step 4: Select a Starter Template

Editing Home Page Hero
14:30 Step 5: Customize Your Website
14:50 Elementor Overview
15:52 Editing Hero Content
20:41 Editing Hero Text
24:42 Editing Buttons
28:02 Content Spacing

Editing Home Page Sections
28:51 Editing the Services Section
34:43 Creating an About Section
39:25 Editing the Videos Section
42:40 Adding YouTube Videos to Site
44:06 Editing the Gallery Section

Editing Pages
44:43 Step 6: Add & Edit New Pages
46:31 Loading a Template Page
47:05 Adding Blocks to your Page
48:53 Editing the About Page
49:44 Step 7: Edit Your Contact Form
52:47 Edit Contact Form with WP Forms

Header & Footer
56:48 Step 8: Create a Navigation Menu
01:00:21 Step 9: Edit the Header & Footer
01:02:17 Make a Custom Logo
01:16:30 Edit the Footer

Site Mobile Responsiveness
01:11:45 Step 10: Edit for Mobile & Tablet - Mobile
01:13:09 Editing for Tablet
01:15:06 Final Site
01:15:53 Outro: Like & Subscribe

RELATED BLOG POST
-----------------------------------------
createaprowebsite.com/how-to-use-wordpress-tuto…

OTHER HELPFUL VIDEOS
-----------------------------------------
How to Backup Your Website in 5 Minutes:
youtu.be/bmx39y_8tOs

How to Make an Affiliate Marketing Website:
youtu.be/ihalMSZhSaY

How to Create a Business Email for Free
youtu.be/pjjQivSaMmY

FOLLOW & CONNECT WITH US
--------------------------------------------------
My Website :
createaprowebsite.com

Create a Pro Website Instagram:
instagram.com/createaprowebsite/

Create a Pro Website Facebook:
facebook.com/createaprowebsite

Dale McManus Instagram:
instagram.com/dalemcmanus/

And don't forget to SUBSCRIBE to Create a Pro Website for more awesome website tutorials:
youtube.com/createaprowebsite?sub_confirmation=1

About this tutorial

Create a Pro Website published this 1:16:35 video tutorial on October 30, 2020. It has been watched 260,121 times on YouTube.

Duration
1:16:35
Published
October 30, 2020
Views
260,121
Likes
4,483

Tags

Share

This tutorial in other languages