Do It Yourself – Tutorials – How to Make a Website with Astra | 2020 (Astra Theme Tutorial + Elementor)

by | Oct 24, 2020 | 0 comments

Do It Yourself – Tutorials – How to Make a Website with Astra | 2020 (Astra Theme Tutorial + Elementor)

by | Oct 24, 2020 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



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:
https://createaprowebsite.com/hosting

(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:
https://drive.google.com/uc?export=download&id=14M0f4ZxJdO7VDe62-pedOSiM8y0wdUzg

TIMESTAMPS
—————————————-
0:00 – Intro
0:52 – Overview

Domain Name & Hosting
2:04 – Step 1: Get a Domain Name & Web Hosting
3:26 – Web Hosting Packages
4:18 – Getting a Custom Domain

WordPress
8:33 – Step 2: Install WordPress
9: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
1:00:21 – Step 9: Edit the Header & Footer
1:02:17 – Make a Custom Logo
1:16:30 – Edit the Footer

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

OTHER HELPFUL VIDEOS
—————————————–
How to Backup Your Website in 5 Minutes:

How to Make an Affiliate Marketing Website:

How to Create a Business Email for Free

FOLLOW & CONNECT WITH US
————————————————–
My Website :

Home

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

Create a Pro Website Facebook:
https://www.facebook.com/createaprowebsite

Dale McManus Instagram:
https://instagram.com/dalemcmanus/

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

source