How to Make a Website with Astra | (Astra Theme + Elementor Tutorial)
ฝัง
- เผยแพร่เมื่อ 8 ก.ค. 2024
- Astra has been our favorite theme for WordPress for many years now. Today I want to show you guys have to build an awesome website with Astra! Check out this tutorial on How to Make a Website with Astra going into 2024.
Get a FREE Domain Name & Discounted Hosting for Your Website:
Use coupon Code: createaprowebsite for an additional 10% discount on all yearly hosting plans.
👉 createaprowebsite.com/hostinger
Get Astra's Pro Theme:
👉 createaprowebsite.com/astra-pro
(note: I’ll make a small commission at no extra cost to you when you use this link)
TIMESTAMPS
-----------------------------------------
00:00 - Intro
0:34 - Step 1: Domain & Hosting
👉 createaprowebsite.com/hostinger
4:23 - Step 2: Starter Templates
5:57 - Step 3: Customize your site
6:24 - Elementor Basics: Sections, Columns, Widget and Style Tab
15:45 - Editing the Button
16:17 - Advance Tab
17:26 - Update Button
18:00 - Editing the Hero Section
25:16 - Editing the About Section
36:02 - Editing the Services Section
39:18 - Editing the Promotional Section
42:43 - Editing the Testimonial Section
44:42 - Editing the Contact Section
50:59 - Editing the Services Page
53:02 - Editing the About Page
56:37 - Editing the Contact Page
59:15 - Previewing the Website
1:00:17 - Header Footer Logo & Favicon
1:01:10 - Making a FREE LOGO
1:05:21 - Making a Favicon
1:06:17 - Adding Logo and Favicon on Website
1:07:55 - Editing the Header Using Astra Customizer
1:12:25 - Changing Global Colors
1:14:03 - Editing the Footer Using Astra Customizer
1:17:46 - Explaining Astra Customizer Options
1:19:02 - Step 4: Mobile Responsiveness
OTHER HELPFUL VIDEOS
-----------------------------------------
How to Backup Your Website in 5 Minutes:
• How to Backup Your Wor...
How to Create a Business Email for Free
• How to Create A Busine...
How to Create a Free Logo for Your Website:
• How to Make a FREE Log...
How to Secure Your Website From Hackers:
• How to Secure Your Web...
How to Create a Website in 10 Minutes:
• How to Make a Website ...
FOLLOW & CONNECT WITH US
--------------------------------------------------
My Website :
createaprowebsite.com
Create a Pro Website Instagram:
/ createaprowebsite
Create a Pro Website Facebook:
/ createaprowebsite
And don't forget to SUBSCRIBE to Create a Pro Website for more awesome website tutorials:
th-cam.com/users/createaprowebsite?... - แนวปฏิบัติและการใช้ชีวิต
![ตีสิบเดย์ [FULL] | ครอบครัวสะท้านทุ่ง "นางบี & อ้ายสติ๊ก"](http://i.ytimg.com/vi/A1rhYcxxNtA/mqdefault.jpg)
The best and most clear video that I have watched so far. You are a great teacher and your video made so much sense for a newbie like me, trying to create a basic website for my self using Wordpress and free themes from Astra. THANK YOU!
I have watched lots of videos like these, but yours is the best I have seen so far. Very well explained. I got so many things that i couldn't before. Thank you
Awesome, thank you so much! I'm so glad to hear you liked it so much!
I loved all the little tricks you added to this training! Also realized I was building from scratch and I am mad at the choices I've made..
Thanks for posting this. I’m currently in the process of learning and I can’t wait to make web design my career one day. Your videos have been so helpful in the process.
Thats awesome! I'm excited for you. Glad to hear our videos are helping you out and I wish you the best with your web design career! Best of luck!
This is one of the best - maybe even THE best - video on this topic. Your explanations are very clear and stick to the topic in hand. Thank you
Wow, I really appreciate the comment! So nice! Thank you and I'm so glad you liked the video!
Thanks so much for your clarity. It has helped.
I really like your teaching ways!❤
Thank you so much! It means alot to hear that so thanks for sharing. Hope to see you in other videos!
Bro you're change over the year Internet is so crazy good to see you bro I have seen your video 6 years ago I'm back to see your latest one
Haha yea sometimes I look back at some of my older videos and I see what you mean for sure. I definitely look totally different. Ya boi's growing up. 😂😂
Glad to have you back after 6 years though.
Thank you for this excellent tutorial--I learned a lot!
Glad I was able to help!
This video give me a right direction to learn web designing ❤
I am so very glad to hear that! Glad I could help!
This helped me a lot. Appreciate your efforts. Thank you very much
You're very welcome! Thanks for the comment! I really am glad you liked the video!
Great video, finally made my first wordpress website.
Congratulations on creating your first WordPress website MihirRanjan! That's fantastic! I'm so proud of you for taking that leap into the world of web design. Keep up the great work, and remember that this is just the beginning of your journey. There's so much more to explore and learn, and I'm here to support you as best as I can. If you ever have any questions or need assistance, don't hesitate to reach out. Keep shining bright!
I love your content.
Thanks so much!
Your mouse scroll wheel is typically also a button, not all mice have this, but most do. If you click this while on a link it will automatically open it in a new tab so you don't have to right click and then open in new tab. Just a little trick for anyone who didn't know this.
Thank you for this basic video. Very helpful!
Glad it was helpful!
I just want to say how much I appreciate that you don't include music or sound effects in your videos. I have ADHD and really struggle with watching long educational videos - I'd much rather read if I can - but with things like this, you really need a visual. So when it's just you and the thing you're teaching, I'm able to be clear of the distraction of music and sound effects if I wish, OR, I can put on some workflow music on another tab behind it if my brain decides that's what's going to make it run better that day.
This is fantastic, you're fantastic, thank you so much!
(Also, I'm obsessed with the lore that Austin is a web designer from... Austin.)
Hey, thanks a bunch for sharing your thoughts! It's so cool to hear how my videos fit into your workflow and are easy to watch without distraction. Creating a distraction-free space for learning is super important, especially for those long educational sessions. I'm really glad the video was able to help you out - whether it's with or without your own background beats. 😂 Your support for the channel means a ton, and I'm here if you ever need anything. Stay awesome!
hello sir. is there any theme (not like astra but like seciruty service) that give us slides already or i need to get the elementor pro ? and if i get elementor pro you think is worth it ?
Thank you from Manhattan ©2024
Thank you very much for the tutorial. However, I'm struggling to figure out how to switch the primary menu color from white to a different color. Could you guide me on how to achieve this?
I am confused on how to make changes to a grouping of pictures for an online store that has prices and the buy now button. But when you click on it there is code in the edit box on the left rather than allowing to change the pictures and adjust the product information and such.
Or you make a video on "matrimonial website" with best theme & plugin, and payment gateway, also, which is valid for India & Indian subcontinental areas..( indian subcontinental= India+ Bangladesh+Nepal (Bhutan)
THIS IS THE MOST EASIEST AND WELL EXPLAINED TUTORIAL! YOU SAVE MY LIFE! THANKYOUUUUU
Thank you so much for the enthusiastic feedback! I'm really glad you found the tutorial easy to follow and helpful. Your kind words mean a lot to me. Let me know if there's anything else I can do to help you on your journey and good luck on building your website! 😊
When I edit desktop it doesn’t update mobile and tablet? I used a template is there anyway I can change this option to allow all 3 to be edited at the same time.
Hi. Does Create A Pro Website still have discount rates for web hosting with HostGator? I need to renew my hatchling plan and I started it with you guys? Thanks, if so whats the discount code.
For matrimonial website, in premium press plugin,, which payment gateway is best..?.. I'm from India, and I try Razorpay, CCAvenue, Stripe payment gateways, but all these payment gateways are suspended.. Why..?.. I don't know..
So, I would be thankful to you, if you make a video about it.. please help me 🙏🙏🙏
Fantastic video! Thanks for taking the time.
Question for the Pros:
Astra allows us to create global styles for both primary and elementary Buttons.
In Elementor, how can we make use of or reference the Secondary Button style?
Cheers!
I'm so glad you liked the video! Thanks for the comment and wow that is a really good question. To be honest, I don't believe that that is an option to integrate into your elementor workspace. I believe you only get to use the default button style from the astra global button settings. I looked and couldnt find where to switch between the two. Astra made that an option for if you are building your entire website with the astra customizer rather than a page builder plugin. So I would assume the only place you could use the second button option would be on blog posts (created in the WP editor) or in a Woocommerce ecommerce website if that makes any sense. Very good question!
@@CreateaProWebsite Thanks for responding and confirming my hunch. It's not biggie, it's a feature I could have used in a current build. It could have made it easier for the client who will be editing the site in the future. We'll keep in on my wish list lol. Thanks again for taking the time.
Thank you for this tutorial. Does it only work on Astra or can it be used with any theme?
You know in all of your websites tutorials I watched not one time did you tell us how to add a search bar to our website. So could you please add that to onw of your videos. Thank you.
2023 UPDATE - Astra Already Has a Page Builder with their Spectra Plugin.
Hello! Thank you for making these very useful videos! I just have one question - how can I make subpages with a starter template ?
Its really easy to add pages to your website! If you want to add a page, just go to the pages tab from your Wordpress dashboard and click on add new. From there you can just title it and then you can publish it. Next click on edit with elementor, if that is the page builder you are using, and customize the page to your liking. After that, don't forget to add the page to your navigation menu up top of your website. Here's a video of mine just for showing you how to add pages and link them to your navigation. Hope this helps!
How to add pages to your site,
th-cam.com/video/mEOeOFoIqMU/w-d-xo.htmlsi=CDx79vc9o5vdtFob
Thank you so much for your reply!! @@CreateaProWebsite
i cant find elemantor in my website... do i need to install ?? how ?
If you follow along with me and download the starter template, then Elementor should have downloaded automatically onto your website. If you're not seeing it we can double check by going to the plugins tab from your WordPress dashboard and look at your list of plugins and see if Elementor is there. If it is not, click on the add new plug-in button in the top right corner and search for Elementor and then you can install and activate it.
If however Elementor is installed on your website but you just don't see it, you can always go over to the pages tab and then hover your mouse over the page that you want to edit and then you'll see the words edit with Elementor pop up.
Hope this helps
@@CreateaProWebsite I'm experiencing this problem as well. I tried manually installing the Elementor plugin and selected a template in Starter Templates under the Block Editor (since Elementor is not visible). I edited the page, hoping the "Edit with Elementor" option would show up, but no luck.
how to activate inner section in astra themes means how to enabel inner section without ruining astra theme plz help me
Any idea why the template from Astra converts to a whole text editor instead of independent widgets. Because Elementor is converting the template into a single text editor, I am unable to edit the photos.
bro i got the solution
You might have downloaded the template as a "Block editor" template rather than an Elementor template from Starter Templates. For some reason, now a days half the time it selects block editor by default when downloading from them. Make sure you look in the top right corner of the starter templates library and select elementor from the drop down. Then re-download the same template. I think that is why your site looks like that. Because elementor is opening your whole template as a single widget from your block editor. Its happened to me before. Hope this helps.
it worked for me
Yep, @@erenyeager7842 had it right.
@@erenyeager7842
Thanks a ton , was struggling to fix it for days
Hey so i have been religiously following tutorials from you and Darrell but now i have been asked to consider webflow caz using Elementor is bloat. So amm Is it true? Is there any Fix? How could i respond to that?
So this is definitely something to consider when you're deciding whether to use Elementor or web flow. And this is a really good question to ask so I'm glad you reached out.
Elementor is incredibly easy to use and it's very big in a friendly, not to mention free so it's the perfect option when it comes to the beginner of web design. There's tons of tutorials out there on how to use it, it's very simple and intuitive to use, and it makes building a website 10 times easier. However, the downside of Elementor is it is a bit clunky and can slow down your website to a certain degree. With all of that added accessibility to make it easier to build, you have to think of that as extra coding added to your website essentially slowing it down a bit.
Webflow on the other hand is in my opinion a bit more difficult to use but it's a lot more streamlined. So it's basically the opposite of Elementor. Takes a little bit more time to learn how to use it and there's definitely a bit of a learning curve but once you do it's a lot better about creating a little bit faster websites than Elementor does. The reason I promote Elementor on this channel is because I'm trying to help the absolute beginner to web design so for that reason Elementor is perfect. For someone who's a little bit more well-versed in how websites work and how to make them, webflow is also a great option because of its speed. I hope that helps you understand the differences.
Good luck and thanks for watching our videos
👍👌💯
Guys before buying the hosting plan make sure to create a account first before buying one
Nice one ❤. Is there a good free template for immigration and visa agency ?
Does astra have sticky hearder ?
You know, that is a good question. I do not believe I have seen a template for immigration and visa but any template can become any website you need. You are basically just choosing colors an a layout when choosing a template since you are just going to replace the images and text when you make your website. This being the case, I would say just pick any template you think looks good and switch it up to make your immigration website.
And yes, Astra does have the sticky header option. Just go to the customizer and look in the header builder.
Hope this helps!
@@CreateaProWebsite Thanks. It did help me a lot ❤️. Trying to build my first website as a free project
Please help, the templates are no longer editable per widget. The entire website is under one widget under the same content. How do I change that?
You might have downloaded the template as a "Block editor" template rather than an Elementor template from Starter Templates. For some reason, now a days half the time it selects block editor by default when downloading from them. Make sure you look in the top right corner of the starter templates library and select elementor from the drop down. Then re-download the same template. I think that is why your site looks like that. Because elementor is opening your whole template as a single widget from your block editor. Its happened to me before. Hope this helps.
Hello i heard you saying in one of the videos that you design websites for customers could you please provide any contact informed
why is the theme now showing up in elementor?
Hi It doesnt give me the option to use elementor
Hey there! Thanks for your comment. Here are a few things you can check to solve the issue:
First, make sure Elementor is downloaded and activated by checking your Plugins page. Sometimes, it might not be installed or activated automatically from a template, so double-checking can help.
Second, ensure you've downloaded an Elementor template and not a block editor template. Templates designed for Elementor will have specific structures and elements that work seamlessly with the plugin. From the starter templates plugin, when you are looking at all of the templates, look in the top right corner and switch it to elementor. By default it will have the block editor selected. not sure why they do that.
Third, verify that your site and all plugins are up to date. An outdated plugin or WordPress version can sometimes cause compatibility issues making things break and not work properly, which also can prevent Elementor from working correctly.
Lastly, after you have checked everything else and you know you have Elementor on your site, but cant get into it, you can go to the Pages tab, hover over the page you want to edit, and click "Edit with Elementor" from there. Sometimes I find that the admin ribbon doesnt say edit with elementor but when I go to the pages tab it is there. This method ensures you're using Elementor for that specific page, even if the option doesn’t appear elsewhere.
I hope this helps! If you have any more questions, feel free to ask. 😊
Why do you need to use the Astra theme when you can just do it all in one with elementor?
Astra is the theme that we use in order to customize our header and footer. Elementor just helps us build content on each specific page.
th-cam.com/users/shorts7C15nVFTBGA
Also the fact that Elementor themes are cool but very limited as suppose to the huge free and premium library of Astra themes. However, Elementor is the #1 Rated page builder for WordPress.
Drinking game: Take a shot each time he says “You get the idea” - half of the audience is lying under the table half through the video…
I dont see the word "sections", I see the word "containers." Nor do see the word "columns".
Your explanations are in detail but I find it difficult to follow as you are too fast for me...I wish you were slow so that people can catch up well...any way good work.
Thank you for your feedback! I appreciate your kind words about the detailed explanations. If you find the pace too fast, you can try to adjust the playback speed of the video to be slower, which might help you follow along better. I'm sorry for any inconvenience, and I’ll keep your suggestion in mind for future videos and try to slow things down a bit. It's helpful to hear comments like this so I can adjust my presenting style to be more helpful and easy to understand so thanks again for watching and commenting! 😊
Dude! Starter Templates plugin now installs Spectra, not Elementor any more. Completely different story. Please update your video. BUT the Spectra builder may even be better for beginners, since its free version is more powerful than the Elementor free version. And I got really tired of being told to get the Pro version in Elementor for almost anything.
too much talk just straight to the point
W-a-y to rushed for me. Had to bail after 3 mins. 😑
Oh no! Im sorry to hear that! Well, if you need to adjust the playback speed, that might help but I understand! Sorry to see you go!
it would be nice if you would slow the hell down and let people see exactly what you click on.
Thank you for your feedback, and I apologize if my pace was a bit too fast. I'll definitely take that into consideration in future videos to ensure everyone can follow along more easily. Thanks for letting me know! Your input helps me improve, and I appreciate you taking the time to share your thoughts. Thanks for watching and I hope to impress you in the future! 😊🙏
Why are you talking so fast?!