Web Wizards | Session 06

Web Wizards | Session 06: WordPress & Elementor Basics 🌐✨

This sixth session of the Web Wizards series focuses on building websites using WordPress and Elementor. It marks the transition from manual coding (HTML/CSS) to using a Content Management System (CMS) for faster and more efficient website development.

In this tutorial, viewers learn the foundational steps of setting up a WordPress site locally and customizing layouts using professional tools, while also understanding when to choose WordPress over custom coding.
📌 In this session, we cover:
- WordPress vs. Custom Coding: When to use WordPress vs manual development based on project scale
- Local Setup: Accessing the WordPress dashboard using Local WP and navigating the interface
- Themes: Installing the Kadence theme for performance and flexibility
- Plugins: Setting up Elementor and ElementsKit for drag-and-drop design
- Site Structure: Creating and setting a Home page as the static front page
- Navigation Menu: Designing a header with links like Home, About, Students, and School
- Branding: Customizing site logo and adding call-to-action buttons like “Contact Us”
- Intro to Elementor: Using the editor to add headings, images, and pre-built blocks
⏱️ Timestamps:
[00:00:50] Accessing Local WP & WordPress Dashboard
[00:01:41] WordPress vs Coding Discussion
[00:07:46] Installing Kadence Theme
[00:13:20] Installing Elementor Plugin
[00:19:57] Creating Home Page
[00:26:38] Setting Static Homepage
[00:32:04] Customizing Header & Logo
[00:39:54] Creating Navigation Menu
[00:48:23] Introduction to Elementor Editor
💻 Tools & Resources Used:
- WordPress: Content Management System for website building
- Elementor: Drag-and-drop page builder
- ElementsKit: Additional widgets and features for Elementor
- Kadence Theme: Lightweight and customizable WordPress theme
- Local WP: Local development environment for WordPress

Make sure to subscribe to the UoM Leos channel and turn on notifications so you don’t miss upcoming sessions, where we continue exploring advanced web development and design techniques! 🔔🚀

Видео Web Wizards | Session 06 канала UoM Leos (LC University of Moratuwa)