Complete Basics of WordPress Web Design and Web Development

Explore the WordPress dashboard after a local installation, and navigate core sections: home, posts, media, pages, comments, appearance, plugins, users, tools, and settings.

Gain a Local WP overview and prepare for WordPress installation on Windows and Mac, including system-specific downloads and a Windows setup that mirrors the Mac process.

Download Local WP by selecting your platform, entering a first name and email, and clicking get now; track the download from your downloads folder and prepare for the installation.

Install Local WP on your computer, accept terms, create or log in to a local account, and explore the Local WP interface to access the WordPress dashboard.

Create a new site on local WP, name it portfolio, set the WordPress username and password, then log in to wp-admin to complete the installation and preview the front end.

Define WordPress as an open source content management system for creating websites. Identify core components: a programming language (PHP), a database (MariaDB or MySQL), and a server (nginx or Apache).

Access the WordPress dashboard via wp-admin, log in, and navigate the left menu—posts, media, pages, comments, appearance, and plugins—customize with screen options and drag-and-drop widgets.

Learn how WordPress themes control the look of your site, how to install, activate, and preview themes, including adding new themes via upload and managing default and active themes.

Learn how WordPress plugins extend site functionality without coding, install and activate plugins from the plugins menu, and use Elementor as an example while checking compatibility with your WordPress version.

Explore managing WordPress pages by creating, previewing, and publishing pages like home, contact, about us, and blog; use quick edit to publish drafts and restore or delete pages.

Create a WordPress menu by installing and activating the Ocean WP theme with classic widgets and Ocean Extra, then build a main menu featuring home, blog, contact, and about us.

Explore WordPress posts and categories by creating a new post, adding content, publishing, previewing, and organizing with categories like uncategorized and new category.

Learn to work with WordPress widgets by editing sidebars, using the classic widgets plugin, and dragging a calendar into the sidebar to enhance a site’s layout.

Learn essential WordPress settings, from general site info and date formats to static front pages, posts page setup, and full-width templates for a clean portfolio site.

Review core WordPress concepts, including open source content management system basics. Cover databases, servers, dashboard, themes, plugins, pages, posts, widgets, and homepage, blog, dates, time formats, and week start.

Explore the introduction to WordPress page builders and how plugins create a more responsive site. Learn to identify the best page builder for your project from the plugin repository.

Explore four recommended WordPress page builders—Elementor, Beaver Builder, WP Bakery Page Builder, and Divi—and how to access them via plugins or WordPress.org; the next lecture explains the top choice.

Discover why Elementor is the top WordPress page builder and learn to use templates, global settings, and pro features to design landing pages and dynamic sites.

Explore the anatomy of page building in WordPress with sections, columns, and elements using the Elementor navigator; learn how to structure with sessions, columns, and inner sessions to layer content.

Learn margins and padding in WordPress web design with Elementor, applying outside and inside spacing, unlinked values, and shaping layout for sections and buttons.

Explore layouts, style, and advanced settings to customize WordPress sections with motion effects, responsive options, and custom CSS; adjust height, background, overlays, and typography for a polished page.

Explore WordPress user management, identify who counts as a user, and review roles like administrator and super admin within a multi-site network.

Learn how to add new users in WordPress by entering username, email, first and last name, and password, with optional email notification; future lessons cover user roles.

Define and assign WordPress user roles, set the default new user role to subscriber, upgrade users to editor or contributor, and learn to hide the admin bar by role.

Hide the WordPress admin bar by user role using a plugin; configure settings to show or hide for administrator, editor, contributor, and subscriber, then verify by logging in.

Explore how a web server stores and delivers website content, including text, images, and videos, and how WordPress hosting uses web, email, and virtual servers.

Explore what a domain name is and how the domain name system maps unique names to internet services. See examples and dns components like domain name servers and zone files.

Define web hosting as a service that hosts websites on remote servers, enabling global access beyond local hosts and illustrating the role of web hosting companies.

learn how to register a domain name and set up hosting with Orange Host, explore plan options, pricing, and checkout, then configure the domain and access cPanel as it propagates.

Explore beginner-friendly web hosting options with free domain, unlimited emails, and one-click WordPress installation. Compare micro and mini plans with NVMe SSD, unlimited databases, and DDoS protection.

Open your local wp, log in, and begin building a basic portfolio site. Explore the tour to design a transparent header, social toolbar, contact info, and a service catalog.

Prepare your WordPress portfolio site by installing the OceanWP theme, activating Ocean Extra, and adding contact form seven and pop up maker, then remove the header and edit with Elementor.

Design the WordPress top bar using the theme customizer, setting a blue background and white text. Add social icons with fontawesome and publish after final tweaks.

Design a WordPress header by configuring the site title and menu with submenus, including drop-downs for web developer, cyber security expert, and digital marketer, plus typography and color styling.

Design and customize the WordPress footer using the footer button, footer widgets, a navigation menu, and a Facebook box with custom HTML, while deactivating classic widgets and tuning colors.

Design a WordPress header with Elementor, using a fixed 800px minimum height background and dark overlay. Center a profile image, name in Sahita with Roboto typography, and two call-to-action buttons.

Design the about me section in WordPress using Elementor, creating a personal info panel and a statistics area with progress bars and styled headings.

design a three-column WordPress service catalog with image boxes, titles, and descriptions, and place a centered explore more button to showcase your services.

Learn to design a two-column contact me section for a personal portfolio site in Elementor, adjusting margins, typography, images, and social icons with hover and entrance animations.

Design a WordPress hero section with a 550 minimum height, full-cover fixed background, black overlay, and a centered white heading plus a hire me button with hover effects.

Learn to add a contact form in WordPress using the contact form 7 plugin, creating a hire me form with fields for name, email, and business, and save it.

Create and configure a popup with a contact form using the pop up maker, including ID, name, and title, then set a click to open trigger and center display.

Add a second popup named explore more in WordPress, configure its text, title, trigger, display with a framed border, small 40% size, and a fade and slide animation.

Learn to create anchor links in WordPress using CSS IDs with Elementor, assigning ids to sections like services and contact, and routing menu items and dropdowns to those anchors.

Learn to optimize a WordPress site for tablet view by using responsive mode, adjusting text size, button and icon sizes, image width, and padding to ensure desktop and tablet consistency.

Learn mobile optimization by resizing images to 70, adjusting typography, and repositioning buttons for responsive layouts. Duplicate sections to hide content on mobile and tailor styles for desktop and tablet.