virusword.com

Learn Wordpress

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

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



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

Get Astra’s Pro Theme:
https://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:
https://drive.google.com/uc?export=download&id=14M0f4ZxJdO7VDe62-pedOSiM8y0wdUzg

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
—————————————–
https://createaprowebsite.com/how-to-use-wordpress-tutorial

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

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

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

FOLLOW & CONNECT WITH US
————————————————–
My Website :
https://createaprowebsite.com

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

Reader Interactions

Comments

  1. very nice – thank you.

    What the global wordpress community nees is some introduction in the topics

    Full Site Editing
    Query-Loop.
    Block based design

    could you come up with some of these !?

    Keep up the great work – keep it up – it rocks.
    WordPress is a global community of friends

  4. You know I just activated the Astra theme and didn't know anything about Elementor as a page builder. I found your video and wow its all good now. You have explained very well. Thanks a lot.

  10. I have just watched 20 min and it is awesome. Beautiful job you have made, buddy!!! Thanks so much to give these little examples of the trick and functionalities, this helps a lot to understand how to build the web… thanks!!!!!

  11. Love it and got tons of tips and trick. Saves my time a lot on my projects by watching this tutorial. I really recommend for those beginner who want to creat a website using elementor.Thanks you John.

  18. My friend, did you ever teach ANYONE in your life? The right step would have been to FIRST show a website that you want to build – then take your audiences STEP-BY-STEP and show them how to make that website. You are totally confusing, starting in the middle of the steps and then just "showing" with no flow of the steps.

  24. This was a great Tutorial, thank you very much. I have a question though, being the bonehead I am I downloaded an entire Template to my site, which was already an existing site so you can imagine my surprise when my website was live as a duplicate of the template. Anyway, I figured it out eventually and I ended up using Astra and Elementor to build the homepage. But I notice the site speed has suffered. Any suggestions? Also any conflict by having downloaded the entire site template? Thanks again for the tutorial, it really helps a guy like me with less than 0 coding skills.

  27. Dale, I'm following you in this video and making the changes along with you. They show beautifully in Elementor. Once I preview the changes on the site the main background picture didn't change, and the 3 icons. Paintbrush, camera and video are not centered on the preview or red, but show beautifully when I'm in Elementor. Can you give me a tip on how to get the changes I'm making in Elementor show on my site properly?

  28. Missing info: install Elementor and Starter template plugins. Many beginners will lose track at those points, I had to figure this out from other videos.

  34. Thanks a million. I've been messing around for days trying to get started. You've saved me days of grief and hard work and I know for sure that I will end up with a fantastic website in a fraction of the time. There is only one thing that I didn't find in your video and that is how do I backup the site and then restore to an earlier version. I know for sure that I'm going to get so far and bust my site and want to revert to a previous version.

  36. Thank you for this! I followed your tutorial but stucked now: I want to reset the installation of the starter template. How do I remove the starter template?

  37. I’ve got absolutely no knowledge on how to build a website…do you think it’s possible that I’ll be able to build a professional e-commerce website if I follow through with this video??

  38. Great video, very helpful. I am having some trouble with astra starter templates. on selecting the page builder, the next button is missing for I can not choose Elementor. Can you help please

Explore more

Get our Wordpress Guide Get Plugins Get Connected