Complete Astra Theme Wordpress Tutorial - Free & Pro Features Explained

Get Best Discounted Web Hosting: www.darrelwils... (code darrel10 for MAX discount
Try Astra PRO: www.darrelwils... (Darrel10 For Discount)
Demo Website: www.darrelastr...
Have you been wanting to create a beautiful, responsive WordPress theme but don't know how to start? Thanks to this comprehensive Astra Theme Tutorial, you'll have everything you need to get started creating a theme from scratch!
In this tutorial, you'll learn how to design and create a beautiful WordPress theme from scratch. You'll learn the basics of WordPress theme design, and how to create a responsive theme that looks great on all devices. After watching this tutorial, you'll be able to create a beautiful, responsive WordPress theme on your own!
Tutorials I Mentioned
Flexbox Container Tutorial: • Elementor Container Tu...
Elementor PRO Tutorial: • Complete Elementor PRO...
TimeStamps
00:00 Intro
02:32 Get Web Hosting
11:11 General Settings
14:00 Wordress.com vs Wordpress.org
15:37 Install Astra theme
20:42 What is A Page Builder
22:24 Import Template
27:50 Customizer Overview
29:19 Create Pages + Menu
33:15 Elementor Overview
52:10 Contact Form
54:41 Mobile Optimization
58:46 Astra Theme FREE Options
59:10 General Options
01:12:13 Header Builder
01:23:44 Blog Features
01:34:19 SideBar
01:35:06 Footer Builder
01:39:47 ASTRA PRO
1:40:46 Buy Astra
1:44:12 Upload Astra PRO + Templates
1:47:09 Astra PRO General Settings
1:48:21 Astra FREE Vs Astra PRO
1:49:38 Typography
1:50:41 Spacing
01:53:02 Blog Features
01:56:42 Stick Header
1:58:36 Container Options
02:00:21 Astra Mega Menu
02:07:10 Page Headers
02:22:10 Custom Layouts
02:16:29 WooCommerce Features
02:27:13 Outro
Free free to visit my website at www.darrelwils...

[@darrelwilson]

Hey Party People! The astra theme is a popular wordpress theme but what do you exactly get in the pro? In this video, ill show you how to make a wordpress website with astra and astra pro. I break down all the features step by step! PS: make sure to like this video!

[@BigPozzi]

How do i enable my brizy template i dont see it on my website

[@Siddartbenagi0]

Hello sir i am a student from india and i want to work with you sir I have all GPL plugins i wanted tell u that i can built fully functional website for u channel and sell it u r subscribers for 1$ each plugin and themes GPL with private labelling hosing company also need this project sir please similar to wppnt website

[@nykscreations1483]

@@BigPozzi I think Brizy has been replaced with Spectra as I don't see it either an option on a new install.

[@clarkprasadchrononautgriot8148]

Namaste from India. Thank you very much. I am a pharmacist, and 22 years in the healthcare and lifesciences industry. Now as a founder I needed to make website. Building an entire site on my own under your guidance as Master Yoda. Thank you Yoda Darrel.

[@darrelwilson]

Appreciate that ! feel free to drop your question in the comments :)

[@monah2030]

How lucky we are to see you more often now ! 😀 Hopefully I’ll be active as much as you for the new year ahead to follow our dreams, with all your encouragement 😄

[@joekim547]

Excellent video - you make sometimes difficult and confusing topics understandable. Subscribed.

[@darrelwilson]

Welcome aboard! feel free to drop your question in the comments :)

[@josephakin8293]

bro is so good his work is very smooth 😭.... thanks for this bro

[@MrDeSilva]

thank you Darrel...Im in the middle of launching 3 sites with astra...this comes super handly!!!

[@AniR-s4p]

This is sooooo helpful! Thanks heaps for making such a comprehensive guide!!!

[@darrelwilson]

hey thanks Enjoy :) if you need help feel free to drop your questions in the comments below .

[@leftofright]

Hi thanks for the tutorial - I wanted to add that /%category%/%postname%/ is the option I go for because this allows URLs to read nicely when categories in blogs come into play. Cheers from South Africa.

[@darrelwilson]

That's a great choice! Using /%category%/%postname%/ in your permalink structure can indeed create more descriptive and organized URLs, especially for blogs with multiple categories. Cheers from wherever you are!

[@saifulislamrana1020]

Owwo, very good tutorial Thanks Darrel Wilson

[@darrelwilson]

You are very welcome

[@Andrew-yt6pf]

Thanks for the run through. I've used Astra Pro for a while now and I still find the 'overlap' with the page builder functionality (Elementor Pro) confusing ....like should I use the Elementor footer and header builder or the Astra Footer and header builder, for example.....and which global controls in both affect what?!

[@ShadowwasKage]

Hey Darrel I'm a video editor and was looking for website building tutorial to build my portfolio website. i really found your videos useful. Thank You. I can edit your videos and also make it to youtube shorts if you want. Let me know

[@nauruu]

Thank you Sir for this great job !

[@darrelwilson]

anytime :) if you need help feel free to ask .

[@ndzi_karl]

You did a a great great job job!thanks.

[@francisokech]

Hello Darrel. Thank you for all you. Pardon me if I sound like Oliver Twist asking for more, but, please when will you release your 2024 Elementor Tutorial. I am about to start a major project in Elementor and I need the latest guidance on building an essential website covering all the highlights. Thanks.

[@fromfrancestoyou]

1:00:33 haha this video had me chuckling here and there, thanks for the helpful content!

[@darrelwilson]

Glad you enjoyed it! feel free to drop your question in the comments :)

[@harshmehta9394]

Please also make a video on How to Set Up a Money Making Blog for GeneratePress Theme.

[@jaimcgee4566]

I loved Astra !!

[@darrelwilson]

you got first comment!

[@alexchiuac88]

Another great tutorial💯, thx man👍👍

[@darrelwilson]

anytime :) if you need help feel free to ask .

[@fscubetech7219]

Great content.

[@ShahatabUddinKhan]

Excellent brother.

[@darrelwilson]

Appreciate that ! feel free to drop your question in the comments :)

[@MrVuittonDon]

Have you done cons and pros for Astra vs Flatsome? Which would you recommend for a fashion ecommerce site? I don't develop websites for a living. I hate the Elementor Pro yearly fees to have woocomerece. Is woocommerce required? What is the con if I dont use it? I was considering Divi until I found your videos. Love how flatsome theme is a 1 time fee, though. Please, any insight would be greatly appreciated.

[@darrelwilson]

For a fashion e-commerce site, both Astra and Flatsome offer suitable features. Astra is lightweight and customizable, while Flatsome is specialized for e-commerce with extensive customization options. Regarding WooCommerce, it's essential for e-commerce functionality. Without it, you can't list products, accept payments, or manage orders on your site. Considering your preference for a one-time fee, Flatsome could be a suitable choice. However, the best choice depends on your specific requirements and familiarity with the themes.

[@MrVuittonDon]

@darrelwilson Thank you. Would you recommend any CRM or email marketing tool for flatsome / ecommerce to research? I am a branded new small fashion business, would you recommend doing this later? I fear a lot of the "free" options companies offers will lock me in to paying for upgrades once I get more subscribers/clients. If I dislike their service, is it easy to transfer into a new company?

[@Arten-xq9cr]

Hi, nice video. For you, what do you prefer to use when customizing a website, Elementor alone or Astra?

[@darrelwilson]

Hey , thanks! I prefer using Elementor for customizing websites due to its flexibility and ease of use. Astra is great for performance and works well with Elementor, so using both together can be very powerful. Feel free to drop your question.

[@paulavinagre]

i Darrel! How are you? I really liked the video, you explain everything very well. I'm using an Astra theme (free version) editing with elementor. I followed all the steps you did, but sometimes it didn't work, especially when I tried to edit the blog, I put text and image, again text and image, all the text and images are together. Do you have any idea why this happens?

[@darrelwilson]

Hey! Thanks for the kind words! If your text and images are sticking together in Elementor, try these steps: 1. Use Separate Widgets: Use separate Text and Image widgets instead of combining them. 2. Check Padding and Margin: Add padding or margin to create space between elements. 3. Column Structure: Place text and images in different columns or sections for better alignment. Feel free to drop your questions in the comments.

[@paulavinagre]

@@darrelwilson Thank you Darrel! 😉

[@looking_for_something]

Thanks 👍

[@visualmodo]

Really good content! =D

[@ChicWebCraft]

Great tutorial

[@darrelwilson]

anytime :) if you need help feel free to ask .

[@himanshupandey5781]

Hey bro I am creating a website with starter template on WordPress through elementor but the issue is i can't see all sections in the navigator i just see in which i can only edit text also i also can't change the home layout image present in template earlier i thought it might be atemplate issue but i instal twot different template with also watching there tutorial in which they have all sections

[@darrelwilson]

Hey! It sounds like you might be encountering an issue with Elementor's navigator or the template setup. Ensure that you are in the correct editing mode in Elementor and that all sections are unlocked and visible. Sometimes, sections can be hidden or collapsed in the navigator. Also, check if any plugin conflicts might be affecting Elementor's functionality. If the problem persists, try reinstalling Elementor or switching to a different template to see if the issue resolves. Feel free to drop your questions in the comments below.

[@areejkhan6184]

I don't see the option for Elementor builder. There was only beaver, and I am unable to edit the theme template with elementor. What should i do?

[@darrelwilson]

Hey! If you don't see the option for Elementor in the Astra theme, it's possible that Elementor is not installed or activated. First, ensure Elementor is installed and active by going to the "Plugins" section in your WordPress dashboard. If it's already installed, check if the Astra template you're using is compatible with Elementor. You may need to switch to an Elementor-ready starter template or enable Elementor editing in the template settings. Feel free to drop your questions in the comments below.

[@masum.unmasked]

Can you please make a video on Blocksy and Elementor to make a niche blog website.....!!!!

[@DanielHernandez-q8u]

Hey Darrel, quick question. Whenever im on elementor editor and i click on a text to change it, the website gets compressed and becomes smaller for some reason. the background shirnks and changes completely from the template. how do i prevent that?

[@darrelwilson]

Hey! To prevent your website from compressing and changing when editing text in Elementor, check if there are any padding or margin settings affecting the section or column where the text is located. Adjust these settings to ensure they don't resize unexpectedly. If the issue persists, ensure your theme and Elementor are updated to the latest versions, as compatibility fixes are often included in updates. Feel free to drop any further questions in the comments below!

[@keithreddy8376]

Hi @darrelwilson . I’ve just installed the Astra theme and installed the starter template for e-commerce store along with installing elementor. The moment I edit the home page with elementor, the sides of the page are getting cut off. Any idea how I can fix this as Ive contacted Astra and none of their suggestions have seemed to work for me?

[@darrelwilson]

Hey ! When using Elementor with the Astra theme, make sure your page layout is set to "Elementor Full Width." You can do this by going to the WordPress dashboard, opening the page you want to edit, and selecting "Elementor Full Width" under the "Page Attributes" or "Astra Settings" on the right side. This should fix the issue of the sides getting cut off. If the problem persists, try clearing your cache and ensuring all your plugins and themes are up to date.

[@bikashthapamagar4562]

Thanx Darren, I am not quite sure how to give home page a link, can you remind me please?

[@darrelwilson]

hey welcome ! You can set your homepage directly from the WordPress Customizer. Here's how: 1. Go to your WordPress dashboard. 2. Go to "Appearance" > "Customize". 3. Find the "Homepage Settings" or "Homepage" option in the Customizer menu. 4. Depending on your theme, you'll see an option to select a static page as your homepage. 5. Choose the page you want to set as your homepage from the drop-down menu. 6. Save your changes. After you set your homepage in the Customizer, whenever you visit your website's main URL, it will automatically display the page you set as your homepage. You won't need to manually add a link to it on other pages or posts.

[@LocationBureau]

Great info. The hostinger business package seems interesting.I have 10 websites all under 600 mb. For SEO purposes, is it better to have a VPS or I can have the same results with shared hosting?

[@darrelwilson]

Shared hosting can be suitable for smaller websites like yours, especially if they are well-optimized and don't require extensive resources. However, if you're looking for better performance and more control over your hosting environment, a VPS might be a better option. VPS hosting typically offers more dedicated resources and allows for greater customization, which can positively impact SEO by improving website speed and reliability. Ultimately, the choice between shared hosting and VPS depends on your specific needs and budget.

[@kellyandrews2706]

Hello Darrel I have a question for you if selling services like logos, video explainers, web design etc is it best to create a website for each service or have all services under the one website?

[@darrelwilson]

hey , It depends on your business model and branding strategy. Having all services under one website can provide a centralized platform for potential clients to explore your full range of offerings. However, creating separate websites for each service can allow you to tailor the branding and messaging more specifically to each service niche, potentially targeting different customer segments more effectively. Consider your target audience, marketing efforts, and overall branding goals when making this decision.

[@I_Mackenzie]

You mentioned Astra did a one hour video on layouts and you were going to link them in the comments, but I couldn’t find any link in the comments.

[@darrelwilson]

So they are in the description of the video it’s kind of hard to click on, but they are there in the description

[@I_Mackenzie]

@@darrelwilson Thanks

[@destinirose]

Thank you Darrel, very helpful as I embark on making my second website!

[@darrelwilson]

Appreciate that ! feel free to drop your question in the comments :)

[@fedevelita]

Hi Darrel, i need help, when i turn on the sidebar, its comes abover my header... Why? Please help!

[@darrelwilson]

Hey! If the sidebar appears above your header, it could be due to a CSS or layout issue. Check your theme's settings under Appearance > Customize, and ensure the layout settings for the sidebar are correct. Also, inspect any custom CSS that might be affecting the layout. If the issue persists, try disabling plugins to identify any conflicts. Feel free to drop your questions in the comments.

[@akhenatontubba9950]

Sevgili Darrel sana bir tüyo: videolarına manuel olarak ingilizce altyazı ekleyebilir misiniz.Bu şekilde altyazıyi otomatik çeviri ile Türkçe (veya başka dilde) altyazılı olarak anlayarak izleyebiliriz

[@MrAnesco1]

Hello, Derrel Wilson The Flatsome theme "SLIDER" on my website has stopped working Please, how can I resolve this issue? I tried and tested it with different browsers but still not working. I also uninstalled all plugins and still not working. Please, tell me how to fix this issue?

[@kattarelie]

hello my starter templates didnt appear on page ? theres an error msg :This page doesn't seem to exist. It looks like the link pointing here was faulty. Maybe try searching?

[@darrelwilson]

Hey! This issue might be due to a broken link or a misconfiguration. Try refreshing the page, re-importing the starter template, or checking your permalinks settings in WordPress. If the issue persists, feel free to ask for more help!

[@kattarelie]

@@darrelwilson thank you but the issue still i try it all and still

[@chrisvictorymountain9058]

Can I use Divi instead of Elementor?

[@NeilCheesman]

Can the classic editor be used on the Astra Theme?

[@darrelwilson]

Yes, you can use the Classic Editor plugin with the Astra Theme.

[@Humanrightsj]

Hey drwl can u show video play website after pay then video play

[@cryptoborgfa]

How can we store the data collected from the forms?

[@darrelwilson]

Hey! You can store the data collected from forms using plugins like WPForms or Contact Form 7, which allow you to save form entries directly in your WordPress dashboard. Alternatively, you can connect your forms to a database or external services like Google Sheets for more advanced data management. Feel free to drop your questions in the comments.

[@ariela_]

Can one have elementor pro and astra pro working on their site at the same time? I ask because I already have elementor pro with the hello theme and that theme doesn’t offer much

[@darrelwilson]

Yes, you can absolutely use Elementor Pro and Astra Pro together on your website. Astra Pro is a highly customizable theme that integrates seamlessly with Elementor Pro .

[@erinfield1943]

25:58- I just installed this over one of my perfectly good websites by accident. How do I delete this now?

[@darrelwilson]

If you have a backup of your website before installing the template, you can restore it to revert the changes. If not, you may need to contact Astra Theme support for assistance in resolving the issue. They might be able to provide guidance on how to remove the template or help you restore your website to its previous state.

[@erinfield1943]

@@darrelwilson thanks, my boyfriend helped me. If you have info on how to back up your website, I'll watch it! Loving your videos.

[@younouskenfaoui5433]

Merci Darrel, J’espère que ce tuto sera traduit en langue arabe prochainement

[@alivalishov]

Can we do all the futures you ded in the video with Astra Pro?

[@darrelwilson]

sure ! feel free to drop your question in the comments :)

[@ayoubelmouden58]

Hello darrel Where can I find the access code $500 I watched the whole video and did not find it, I hope you reply to me

[@taurustheory]

Hello if I purchase Astra Pro through your link, do I still need elementor Pro to create custom headers, footers and custom product pages? Or can Astra Pro do it alone with Spectra Pro builder Thanks so much

[@darrelwilson]

hey, yes you can create custom headers, footers, and product pages using Astra Pro's features along with the Spectra Pro builder. However, Elementor Pro offers additional functionality and flexibility for customizing your website's design. Depending on your specific requirements and preferences, you may find Elementor Pro beneficial in enhancing your website's customization capabilities.

[@taurustheory]

@@darrelwilson OK thank you for the quick response. I’ll do a little more research and then will be purchasing Astro pro through your affiliate link. Thank you again have a great day.

[@binhuang-op5uv]

good video

[@darrelwilson]

anytime :) if you need help feel free to ask .

[@rocmelon3009]

I paid someone to hake me an Astra theme website, the main & shop page are identical, only have 8 products 1 column they scroll verticaly. Can I change the theme to Brand DNK which shows 3 columns accross without having to start from scratch.?

[@darrelwilson]

Yes, you can switch to the Brand DNK theme without starting from scratch. However, some adjustments might be needed to ensure the new theme displays your content correctly. It's always a good idea to backup your website before making major changes to themes.

[@rocmelon3009]

@@darrelwilson Thanks for the reply, I ended up using the navigation editor to edit the columns (it's well hidden). I'm semi satisfied now. Please consider making a detailed video specific for ecommerce and where to find the most important settings.

[@Humanrightsj]

Long time later we join again

[@ValueMaddness]

when i go to download astra it says i need to choose creator plan which is $400 a month any work arounds

[@darrelwilson]

hey, you can download astra for free in the WordPress dashboard

[@jlparker4]

I don't have this template on my end. I'm so frustrated. I thought after 4 months of trying to put a website together that I finally found a tutorial I could follow along with and screwed all over again

[@darrelwilson]

hey , if you need help feel free to ask .

[@khiladiroasting7700]

Hey bro I can't see and edit other than anything text editor and a big full container unlike yours

[@darrelwilson]

Hey bro, it sounds like an issue with the theme or Elementor settings. Make sure your Elementor page layout is set to "Elementor Full Width" or "Canvas" under Page Settings. Also, check your theme settings to ensure no conflicts. If the issue persists, try re-importing the starter template or updating both Elementor and Astra theme.

[@Bader-ty5sy]

Is this explanation available on your Arabic channel?

[@darrelwilson]

hey , not yet !

[@NoorAhmadzi]

They don't do unlimited websites anymore. You must have made this video a long time ago. The number of websites you get now is 1, 10, or 1000

[@darrelwilson]

So I made this video about three weeks ago but if they change it to 1000 websites I really don’t think that’s much a big difference. I mean are you really going to host more than 1000 websites?

[@user-hw5my1gd3x]

​@@darrelwilsonthat's what I'm thinking

[@MUHAMMEDAHMED369]

اريد الرمز لا يوجد رمز في هذا الفيدو اريد رمز الاشترك في المسابقة ارسل لي رابط الفيدو لتي فيه رمز الاشتراك

[@mouhcinenouidi-pe7er]

❤❤

[@asandra1804]

you said you will but you did not explain how to design a business logo

[@darrelwilson]

Hey! To design a business logo, you can use tools like Canva or Adobe Illustrator. Start by choosing a simple and memorable design that represents your brand. Focus on using appropriate colors and fonts. You can also hire a professional designer if needed. Feel free to drop your questions in the comments!

[@asandra1804]

@@darrelwilsoncanva has copyrights for business logos and is quite cimplicated with TM, anyways thanks for replying

[@becca88]

So Astra is now like Divi. 🤔

[@darrelwilson]

Nah I’ll have a video on divi soon when they release 5.0

[@thewinner3163]

i get better discount on astea theme site lol

[@darrelwilson]

Cool ! feel free to drop your question in the comments :)

[@trevorlonewolf6406]

Are you from astra ? Because i need to talk to someone as there are far too many snags that the new theme has fucked up so badly I CANT FIX ANYTHING

[@darrelwilson]

hey , Has the problem been solved? If not, please let me know how I can help.