complete astra 3 0 tutorial
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: https://ferdykorp.com/astra
All my Astra tutorials: https://ferdykorpershoek.com/complete-astra-pro-agency-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 Intro
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:12:59 Typography
00:16:02 Colors
The Layout
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
The Footer
00:47:44 Configure The Footer In Astra
WooCommerce
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
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: https://ferdykorp.com/astraAll my Astra tutorials: https://ferdykorpershoek.com/complete-astra-pro-agency-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 Timestamps00:00 Intro00:00:09 Overview Of The Astra 3.0 Tutorial00:01:37 Install The Astra Theme00:03:58 Import An Astra Starter Template00:05:48 Our Pre Made Website00:06:46 Import An Agency Website00:08:35 What Does A Theme Do Exactly?00:09:43 Install The Astra Theme00:11:27 Configure The Astra Theme00:11:50 Add A Logo00:12:59 Typography00:16:02 ColorsThe Layout00:18:18 The Container00:23:07 The ContainerThe Astra Header Builder00:24:37 An Overview Of The Header Builder00:25:38 Configure the Background00:27:52 Configure the Menu00:28:31 Configure the Top BarA Repsnsive Header00:31:46 Tablet View00:35:29 Configure the Tablet Menu00:36:22 The Smartphone Header00:37:37 Menu Hover Settings00:38:17 Configure The SubmenuThe Blog In Astra 3.000:40:43 The Blog page00:43:03 The Sidebar Settings00:46:30 More Sidebar SettingsThe Footer00:47:44 Configure The Footer In AstraWooCommerce00:54:44 Configure Your Store00:59:48 Add Plugins01:00:54 Add WooCommerce Widgets01:03:46 Astra Pro01:05:28 Astra Mini Agency01:05:54 Astra Agency01:06:16 The Pricing01:08:14 Thank You
how to configure the woocommerce seo plugin yoast woocommerce seowoocommerce shipping weight based shipping free pluginwoocommerce cara membuat website toko onlinehow to create an ecommerce website woocommerce tutorial 2022woocommerce simple product listing tutorialhow to build woo funnels tutorial full woocommerce sales funnels cart abandonment freetutorial fancy product designer para woocommerce español diseñotiendaonline esmangopay woocommerce installation tutorialhow to customize woocommerce storefront theme customization tutorialcomplete astra 3 0 tutorialhow to setup woocommerce stripe plugin tutorial accept credit card payment gatewayhow to add a variable product in woocommerce different prices imageshow to add social login to wordpress woocommerce facebook login tutorial easy and quick methodwoocommerce tutorial how to create custom checkout page designswoocommerce advanced shipping tutorial for wordpress ecommerce websiteswoocommerce bangla tutorial part 01 martfury theme customization bangla tutorial ecommercewoocommerce table rate shipping tutorial 2020 woocommerce shipping tutorialhow to create a grouped product in woocommercewoocommerce shipping table rate shipping for freepart2 woocommerce rest api tutorial for productswoocommerce product tables tutorialwoocommerce advanced shipping tutorial basic advance shipping setuptutorial woocommerce italiano 2020 come creare un e commerce con wordpressadyen woocommerce plugin payment provider woocommerce tutorialselling online courses with woocommerce wp courseware tutorialyith woocommerce ajax product filter woocommerce product filter plugin tutorialhow to build a custom woocommerce checkout page woocommerce checkout elementor tutorial 2021how to build amazing woocommerce pages with elementor pro tutorialcreate a variable product in woocommercewoocommerce product page design with gutenbergwoocommerce pos point of sale plugin integration tutorial pos system freecara membuat toko online professional dengan woocommerce lengkap dengan plugin ongkos kirimwoocommerce tutorial produkte erstellen bearbeitenwoocommerce setting introduction step by step ह द म learn wordpress in hindi 65woocommerce advanced shipping tutorial how to set up shipping in woocommercegoogle ads conversion tracking tutorial for woocommerce wordpress google ads conversion trackinghow to add a product on wordpress using woocommerce e commerce tutorialswoocommerce tutorial how to remove shop page title css 2016how to connect woocommerce to printful 2020 products personalization shipping taxrave flutterwave payment gateway setup tutorial on wordpress and woocommercewoocommerce currency switcher easy setup and installationbooster for woocommerce is a free must have for your online shop too many features to mentioncrocoblock woocommerce with jetwoobuilder elementorprintify tutorial woocommerce integration 2022how to setup woocommerce subscriptionsgoogle shopping woocommerce google merchant centre tutorial01 woocommerce tutorial bangla shop isle theme customizationwoocommerce amazon affiliates plugin review tutorialwoocommerce add new product tutorial featuring learndash online courses on wordpresshow to setup taxes on your woocommerce store gst india tutorial ecommerce website tutorial 2017bol com woocommerce plugin wordpress woocommerce tutorialwoocommerce bookings and appointments tutorialwoocommerce tutorial 2022 how to install and set up woocommerce on wordpresswoocommerce shipping settings wordpress tutorial in hindi part 54gift cards for woocommerce in under 10 minuteswoocommerce emails settings wordpress tutorial in hindi part 57woocommerce smart coupons review and setup tutorial automatic first order free sales funnelwoocommerce design divi theme tutorialbest woocommerce payment gateway plugin woocommerce tutorialsober woocommerce wordpress theme tutorial sober theme tutorial
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: https://ferdykorp.com/astra
All my Astra tutorials: https://ferdykorpershoek.com/complete-astra-pro-agency-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 Intro
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:12:59 Typography
00:16:02 Colors
The Layout
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
The Footer
00:47:44 Configure The Footer In Astra
WooCommerce
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
