Overview
This lecture explains how to build a professional WordPress website using free tools and the Elementor page builder, guiding complete beginners step by step from setup to customization.
Understanding WordPress Platforms
- WordPress.org lets you download free open-source software to build self-hosted websites.
- WordPress.com is a paid service with limited free features and higher-priced plans for full access.
- WordPress.org is recommended for flexibility and lower long-term costs.
Setting Up Hosting and Domain
- Hosting is necessary to store website files and make your site accessible 24/7.
- Recommended hosting providers include Hostinger, Bluehost, and Dreamhost; Hostinger is suggested for affordability and ease of use.
- Choose a hosting plan (Premium or Business) based on budget and performance needs.
- Enter a coupon code during signup for additional discounts.
- After payment, verify your email to activate your hosting account.
- Register your domain name (website address), keeping it short, simple, and professional.
- Verify your domain registration by confirming your email.
Installing WordPress
- Access the hosting dashboard and select the option to create a new website with WordPress.
- Create your WordPress account and choose a nearby server location for better website speed.
- After installation, log in to the WordPress dashboard using yourdomain.com/wp-admin.
Installing Themes and Plugins
- Install the Astra theme for a flexible site structure and compatibility with visual builders.
- Install the Starter Templates plugin to access free, professional website templates.
- Remove unnecessary pre-installed plugins to keep the setup clean.
- Deactivate caching plugins while building the site for smoother editing.
Using Starter Templates and Elementor
- Launch Starter Templates and select Elementor as your page builder.
- Choose a relevant website template to save time and ensure a professional look.
- Customize initial settings like logo, fonts, and color schemes before importing the template.
Customizing Your Website with Elementor
- Access Elementor by clicking "Edit with Elementor" on any page.
- Website pages are structured in containers, columns, and elements (text, images, buttons).
- Click elements to edit text, images, or links directly on the left panel.
- Add new elements by dragging them from the Elementor sidebar onto the page.
- Delete elements or containers by right-clicking and selecting delete.
- Publish changes to make website updates live.
Creating and Managing Pages
- Add new pages by clicking "New" > "Page" in the WordPress menu.
- Edit new pages with Elementor and use built-in templates or blocks for faster design.
- Import full pages from template libraries for expanded content options.
- Add new pages to the navigation menu via the WordPress customizer under Menus.
Customizing Header and Footer
- Use the Customize option to edit the header and footer sections.
- Click pen icons to change the logo, navigation, footer text, or contact details.
Key Terms & Definitions
- WordPress.org — Free, open-source website software for self-hosted sites.
- WordPress.com — Commercial website hosting and builder with limited free features.
- Hosting — Renting space on a server for your website files.
- Domain Name — The address of your site (e.g., example.com).
- Theme — Templates that determine your website's design and structure.
- Plugin — Add-ons that extend website functionality.
- Elementor — A visual, drag-and-drop page builder for WordPress.
Action Items / Next Steps
- Complete the WordPress setup steps outlined: get hosting, register your domain, install WordPress, Astra theme, and Starter Templates.
- Select and customize a website template with Elementor.
- Add any required pages and customize the header and footer.
- Watch the recommended advanced Elementor tutorial for deeper customization skills.