laatste update: 12-2023
In this video, I show you how you can configure your WordPress website with the Astra theme, one of the best free themes for WordPress.
Download the Astra theme here:
All my Astra tutorials:
Of course, I will show you how to install the Astra theme. Then we will install a complete Website using the Astra Starter Template. After that, I will show you how to configure the Astra theme from scratch.
We will talk about the font styles on the website, both for the text and headers. Then we will talk about the colors on our website. We will talk about how to adjust the layout of the website and decide per page how we want it to look. So on the homepage, it can be a full-width page and on the blog page, it can be in a container.
Then we will talk about the brand new header builder in Astra 3.0. You can just drag items from one place to another, configure those items and create the header you have in mind. We will also create a separate header for tablets and smartphones.
We will add breadcrumbs that help the viewer through the website. We will style the blog page and the blog post pages. Make use of sidebar widgets, depending on which page you are on. We will create a footer.
We will configure our WooCommerce Store with the Astra theme. Change the layout, amount of products that should be displayed, change the image size, and at the end, we will add more sidebar widgets for specific pages in the website. We will also talk a bit about Astra Pro, Astra Mini Agency, and Astra Agency.
Overview With Timestamps
00:00:09 Overview Of The Astra 3.0 Tutorial
00:01:37 Install The Astra Theme
00:03:58 Import An Astra Starter Template
00:05:48 Our Pre Made Website
00:06:46 Import An Agency Website
00:08:35 What Does A Theme Do Exactly?
00:09:43 Install The Astra Theme
00:11:27 Configure The Astra Theme
00:11:50 Add A Logo
00:18:18 The Container
00:23:07 The Container
The Astra Header Builder
00:24:37 An Overview Of The Header Builder
00:25:38 Configure the Background
00:27:52 Configure the Menu
00:28:31 Configure the Top Bar
A Repsnsive Header
00:31:46 Tablet View
00:35:29 Configure the Tablet Menu
00:36:22 The Smartphone Header
00:37:37 Menu Hover Settings
00:38:17 Configure The Submenu
The Blog In Astra 3.0
00:40:43 The Blog page
00:43:03 The Sidebar Settings
00:46:30 More Sidebar Settings
00:47:44 Configure The Footer In Astra
00:54:44 Configure Your Store
00:59:48 Add Plugins
01:00:54 Add WooCommerce Widgets
01:03:46 Astra Pro
01:05:28 Astra Mini Agency
01:05:54 Astra Agency
01:06:16 The Pricing
01:08:14 Thank You