How to Make a WordPress Website for Free in 2023 | Elementor Tutorial

Поделиться
HTML-код
  • Опубликовано: 3 окт 2024
  • In this video, I'll guide you through the entire process of creating a WordPress website for Free from getting a domain name and hosting, to creating global styles, a header, footer, home page, about page, services page, contact page, a blog and more using the Astra theme and Elementor page builder.
    You'll learn all the skills and knowledge you need to create a website that you can be proud of with no previous experience. Plus, you'll get a free website launch checklist to ensure your website is ready to go live.
    Timestamps
    01:28 Introduction
    03:05 Getting a Domain name and Hosting
    13:46 Install an SSL Certificate (Lets Encrypt)
    15:09 Login to WordPress dashboard (WP Admin)
    16:08 WordPress Site Settings
    18:05 Creating Pages
    20:52 Create a Menu in WordPress (WordPress Navigation)
    22:13 Astra Customizer (Typography, Colors & Buttons)
    30:58 Elementor Site Settings
    39:35 Create a Header in WordPress
    46:46 Using SiteOrigin CSS plugin to generate CSS snippets in WordPress
    50:20 Add Additional CSS in WordPress
    54:06 Create a Footer in WordPress
    59:28 Add a Custom Request/Contact form in WordPress
    01:11:03 Header/Footer Responsive setting
    01:14:36 Additional Header Responsive CSS
    01:19:40 Create a Home page with Elementor
    01:26:14 Add an Animated Dual Heading in Elementor
    01:30:26 Add Floating Image in Elementor
    01:37:41 Services Section
    01:45:50 Testimonials Section
    01:54:24 FAQs Section
    01:56:43 Call To Action Section
    02:03:33 Add Floating Social Icons
    02:06:58 Create an About Page with Elementor
    02:13:24 Create a Services Page with Elementor
    02:17:07 Create a Contact Page with Elementor
    02:23:22 Create a Blog and Blog Posts in WordPress
    02:38:18 Closing Remarks
    02:38:51 Elementor Pro BootCamp Course
    02:40:16 Website Launch Checklist
    ✅ Download checklist: gotechug.com/w...
    ✅ Download tutorial files: gotechug.gumro...
    🔵 Get CSS Codes: gotechug.com/h...
    🔔 Get Elementor BootCamp Course (50% OFF): www.udemy.com/...
    _______________________________________________________
    🔵 Hostinger: gotechug.com/h...
    🔵 Cloudways hosting: gotechug.com/c...
    🛠 Download My Free WordPress Beginner Toolkit: gotechug.com/t...
    ✅Get Elementor Pro : gotechug.com/e...
    ✅Get Astra theme: gotechug.com/a...
    ✅Get Premium Addons here: gotechug.com/pr...
    _______________________________________________________
    🔔Subscribe to my newsletter
    gotechug.com/n...
    Follow GoTechUG on Social Media
    / gotechug
    / gotechug
    ✅Buy me a Coffee: www.buymeacoff...
    For business, inquiries send to: hamza@gotechug.com
    Background Music: By Ben Sound
    DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
    Thank you

Комментарии • 16

  • @ephrimvael
    @ephrimvael Год назад +1

    Great vid Hamza, just the way we like 'em :) I started w/ Elementor/10Web trial the other day.. impressed so far. Question. is it really necessary to learn WordPress?..yawn!! If yes, or to some degree, where do I start?

  • @nitropack
    @nitropack Год назад

    Amazing tutorial, Hamza! 🤩

    • @GoTechUG
      @GoTechUG  Год назад

      Thank you my friends at Nitropack

  • @kasimmuhd5119
    @kasimmuhd5119 Год назад

    Thank you for give us another educated video Hamza

    • @GoTechUG
      @GoTechUG  Год назад +1

      Hey Kasim, again am thankful to see you here. Best wishes

  • @learnearn3166
    @learnearn3166 Год назад

    Hey Hamza, Thank you for your informative tutorials. I have learned a lot from this tutorial. But I have a problem with this plugin after installing it’s stuck. It’s not working. Is there another plugin like this? I have made a whole website but I could not make a menu like this. sorry for the weak English.

    • @GoTechUG
      @GoTechUG  Год назад

      Hey @learnearn3166, please tell me which plugin in causing the issue and what error you're getting?

  • @liliagarcia7424
    @liliagarcia7424 Год назад

    Hi Go Tech UG, thank you for your videos. I want to start creating landing pages to sell, do have any guidance in how to go about it? I referring to the technical aspect. Do I create it on my website? the clients website? what is the process of transferring and where does it lives? Thank You.

    • @GoTechUG
      @GoTechUG  Год назад

      You may create the landing pages on your site and offer them to your client as JSON files for download/upload on their Elementor website. Just imagine creating a template and saving it on your site or exporting it to another. That's the same procedure.

  • @learnearn3166
    @learnearn3166 Год назад

    It's a SiteOrigin CSS plugin. In the mobile view, the Margin and Padding are not working. Please make another complete tutorial like this.

    • @GoTechUG
      @GoTechUG  Год назад

      I've provided the CSS snippet to use for mobiles devices here: gotechug.com/how-to-make-a-wordpress-website/

  • @Streamsof
    @Streamsof Год назад +1

    Your voice is not audible

    • @GoTechUG
      @GoTechUG  Год назад

      Am sorry to know about this. Please tell me which part of the video my isn't audible. That will help me improve in future videos.