Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

Or sign up with email below...

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy.

Already Registered? Log In Here

Day 1: Set Up WordPress

How To Install And Configure The Astra WordPress Theme

Action Plan

Step 1: Install The Astra WordPress Theme


Why This Step Is Important

Every WordPress website requires a default WordPress “theme”. And for this course we recommend using the Astra WordPress theme. We love Astra because it’s super fast, easy to use, and designed to work well with the Elementor Page Builder (the visual drag-n-drop editor you will be using to build and design your website).

Watch Our Video Tutorial For This Step

This video will walk you through how to install the Astra WordPress theme.

Video Summary

  • Log into your WordPress admin (0:20)
  • Go to Appearance > Themes (0:38)
  • Current theme is called “Twenty Seventeen” (0:44)
  • Click “Add New” (0:53)
  • Search for “Astra” (0:59)
  • Click “Install” and then “Activate” to make Astra your active theme (1:03)

(I installed the Astra WordPress Theme)

Step 2: Download And Import Our Recommended Settings


Why This Step Is Important

Using our recommended settings for the Astra WordPress theme is going to save you a ton of time and will guarantee that everything is configured correctly.

Download The Settings File

Click the download button below to download the file needed for this step. You will be importing this file into the WordPress customizer using the Customizer Export/Import plugin.

Watch Our Video Tutorial For This Step

This video will walk you through how to import our settings file into the WordPress customizer using the Customizer Export/Import plugin.

Video Summary

  • Go to Plugins > Add New (0:28)
  • Install and activate the “Customizer Import/Export” plugin created by The Beaver Builder Team (0:43)
  • Go to the WordPress customizer (1:03)
  • Make sure to download our Settings File (1:39)
  • Import the Settings File (1:42)
  • Click “Publish” to save changes (if necessary). If you can’t click “Publish” that means your settings have been published and saved automatically. (2:11)

(I imported the settings file into the WordPress customizer)

FAQ


Why do you recommend Astra?

We tested many different WordPress themes for this course and Astra was easily our favorite choice. The Astra theme is continuously updated and their team is dedicated to making sure it works perfectly with Elementor (the visual drag-n-drop editor you will be using to build and design your website).

Astra’s theme settings are also much more intuitive than other themes, especially for beginners. And since their theme is super lightweight, your website will load much faster with Astra compared to other WordPress themes.

We will be using the free version of Astra throughout all of our tutorials. Astra also offers a pro version with even more features.

What settings are included in the "astra-settings.dat" import file?

Below is a list of all the changes we make to the Astra theme’s default customizer settings. These changes will be made automatically if you import our “astra-settings.dat” file into the customizer as explained in our video tutorial. The most important changes are shown in red.

Layout > Blog > Blog / Archive >
Blog Meta Comments: Not Visible
Blog Meta Category: Not Visible
Blog Meta Author: Not Visible

Layout > Blog > Single Post >
Single Meta Comments: Not Visible
Single Meta Category: Not Visible
Single Meta Author: Not Visible

Layout > Sidebar >
Default Layout: No Sidebar

Layout > Footer > Footer Bar >
Footer Bar Layout: Disable

Layout > Container >
Container Width: 1200
Default Container: Full Width / Stretched

Colors & Background > Bases Colors > Theme Color >
Theme Color: #0072e5
Link Color: #0072e5
Text Color: #61636b
Link Hover Color: #0856d3
Background Color: #ffffff

Typography > Base Typography >
Body & Content Font Size: (18, 17, 16) px
Body & Content Line Height: 1.6
Body & Content Paragraph Margin Bottom: 1.4

Typography > Content >
Heading 1: (3.4, 2.6, 2.3) em
Heading 2: (2.8, 2.3, 2) em
Heading 3: (2.3, 2, 1.8) em
Heading 4: (1.7, 1.6, 1.5) em
Heading 5: (1.3, 1.3, 1.2) em
Heading 6: (1.1, 1.1, 1.1) em

Typography > Blog > Blog / Archive >
Blog Post Title Font Size: (2.8, 2.3, 2) em
Archive Summary Box Title Font Size: (1.7, 1.6, 1.5) em

Typography > Blog > Single Post >
Single Post / Page Title Font Size: (3.4, 2.6, 2.3) em

Button > Theme Button >
Button Text Color: #ffffff
Button Text Hover Color: #ffffff
Button Background Color: #0072e5
Button Background Hover Color: #0856d3
Button Radius: 35 (5 if using rounded edge buttons, 0 if using straight edge buttons)

Additional CSS >
.ast-page-builder-template .post-navigation {display: none;}
h1 {line-height:1.2 !important;}
h2 {line-height:1.2 !important;}
h3 {line-height:1.3 !important;}
h4 {line-height:1.4 !important;}
h5 {line-height:1.5 !important;}
h6 {line-height:1.6 !important;}
body {font-size: 100%}
p:last-child {margin-bottom: 0 !important;}

Have a question?
Click here to submit your own

Continue To The Next Tutorial Below

Day 1

Set Up WordPress

Your Progress
0

Your Achievements

You have earned 0 badges

How Can This Challenge Be Free?

Our "Website In A Weekend" challenge is supported by the small affiliate commissions we receive from SiteGround Hosting and Elementor Pro. Other than this, we are not associated with SiteGround or Elementor in any way.