How to Make a Free WordPress Website in 2023

Are you someone who’s been wanting to create a website for yourself, your business, or a client, but have no idea where to start? Are you looking for a beginner-friendly tutorial that requires no previous experience whatsoever? Well, you’re in luck!

In this tutorial, we’ll be using the Astra theme and Elementor to create a beautiful, professional-looking website from scratch.

In this step-by-step guide, I’ll be covering everything you need to know, from getting a domain name and hosting, to creating global styles, a header, footer, contact page, and more. Whether you’re a complete WordPress beginner or someone who’s looking to improve your website design skills, this tutorial is perfect for you.

So, let’s dive in and create a website that you can be proud of!

Video: Make A Free WordPress Website in 2023

Here are the links as mentioned in the video:

✅ Download the website launch checklist

✅ Download tutorial files

🔔 Get Elementor BootCamp Course (50% OFF)

🔵 Get Your Domain at Hostinger

🔵 Get Web Hosting at Cloudways

✅Get Elementor Pro

✅Get Astra theme

✅Get Premium Addons

Header Menu Background CSS

 Add green background with border radius, margin and padding
**/ {
  background-color: #228b22;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-left: 250px;
  padding-right: 50px;

/* Media Query for low resolution  Tablets, Ipads */
 @media (min-width: 481px) and (max-width: 767px) { {
    border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-left: 350px;
  padding-right: 15px;

/* Media Query for Mobile Devices */
 @media (max-width: 480px) { {
    border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-left: 20px;
  padding-right: 10px;

Hide Header Menu Background on Mobile Devices

 Hide green background, remove border radius, margin and padding on mobile devices
@media screen and (max-width: 767px) { {
  background-color: #ffffff;
	border-radius: 0px;
  margin: 0px;
	padding: 0px;

Also read: How To Choose A Web Design Agency


And there you have it! By following this tutorial, you’ve learned how to create a stunning WordPress website using the Astra theme and Elementor, with no previous experience required.

Whether you’re creating a website for your personal brand, a business, or a client, these skills are invaluable and can help you stand out in the online world. And don’t forget to download your free website launch checklist to ensure that your website is ready to go live and impress your audience.

If you have any questions or feedback, feel free to leave a comment below. And if you found this tutorial helpful, be sure to share it with others who might benefit from it as well.

Thank you for following along, and I wish you all the best in your website-building journey!

Also Read. . .

6 Best SCUM server hosting services

If you are an avid survival gamer and are thinking of venturing into the intense world of SCUM, then you know that having the right server may either make or break your gaming experience.  The

Read More »
Newsletter Subscription (EF)
Hamza comes from a design background with over 10years of experience in Web and Media design. He enjoys making web design videos on his YouTube channel GoTechUG. He also writes web design articles on this website. In his free time, Hamza loves riding a bicycle, swimming or going hiking.

Leave a Comment

Your email address will not be published. Required fields are marked *

Recommended Tools

Hostinger offers premium WordPress hosting for small and medium size websites at an affordable price rated 4.5/5 on Trustpilot

Elementor is the WordPress most popular page builder with over 10 million active users