WordPress 2026: The Complete WordPress Website Course

Explore Elementor styling across container and element levels, including height, minimum height, justify content, background color and image with overlays, typography, and alignment for project-based WordPress builds.

Discover how grid containers differ from standard containers in Elementor, define columns and rows, and place elements inside grid blocks to create responsive layouts with adjustable gaps and margins.

Learn to set a transparent WordPress header using the theme customizer, remove the bottom border, and adjust top padding with Elementor to match the live site.

Design the services section using a container layout with a heading, divider, and three icon boxes, ensuring equal sizing with grow and responsive widths.

Learn to install and activate a pop up plugin, create a pop up, style it with themes, and trigger it via a click using an exact hash URL.

Add a contact form to the popup using contact form 7, insert the shortcode, and add business name and service dropdown fields; configure mail settings with smtp for deployment.

Master mobile optimization for WordPress by using Chrome device toolbar and Elementor to adjust header, typography, and layout for mobile and tablet devices.

Deploy your beginner website to an online server, understand the request and response workflow, and evaluate self-hosting versus affordable web hosting plans with a cpanel-style panel.

Explore the Hostinger hPanel overview, navigate the hosting panel, manage websites and domains, configure SSL, security, email accounts, and PHP settings for WordPress deployment.

Transfer your locally hosted WordPress site to an online server using Hostinger, deploying WordPress files and the database via the file manager, including zip upload, extraction, and moving to public_html.

Transfer the champ database to the online server by creating a MySQL database. Update wp-config.php, export locally, import via phpMyAdmin, then set site URL to your domain with https.

Fix common WordPress site issues after migrating from local to online server by regenerating CSS, updating Elementor, refreshing permalinks, and reselecting background images to restore mobile visibility and editor functionality.

Add your email accounts to your mobile device and configure the Gmail app to receive notifications, including imap and smtp settings, and test sending emails.

Explore how a subdomain creates a distinct site under your main domain, like shop.itens.com, with free subdomains. Learn how to create the subdomain, install WordPress, and enable SSL with Hostinger.

Learn how to add an addon domain to your hosting, register and configure a separate WordPress site with manual install, and manage SSL, files, databases, and emails.

Learn to add an addon domain purchased from another registrar and point it to Hostinger. Show how to update name servers, verify ownership, and enable SSL for the new domain.

learn to create a subdomain for your second project, host multiple WordPress sites with hostinger, and install WordPress with a database and ssl for a ready-to-show portfolio.

Learn to set up a four-page WordPress site with the Ocean WP theme and Elementor, building headers, top bar, and footer, and creating home, about, services, and contact pages.

Create a centered four-counter row in WordPress using Elementor, configuring container widths, negative margins, and grow properties to ensure equal widths, borders, padding, typography, and a box shadow.

Build the why we are the best section in WordPress 2025 using Elementor editor, creating a two-column layout with containers, margins, and typography to align headings and text.

Design the solutions section with a two-column grid, nested containers, and repeated cards; add headings, descriptive text, a right-arrow button, and consistent typography and color styling.

Explore the align-self feature in flexbox and grid containers to control individual item alignment from start to center to end, and see how minimum height and container height interact.

continue designing the about page with a two-column layout (60/40) using containers, grid boxes, borders, and box shadows, and apply Montserrat typography to match the project site.

Design the WordPress about page part 3 by building a full-width layout with containers and a 1140-pixel grid, then implement a two-column Q&A section using accordions with Montserrat typography.

Learn to design a services page by reusing and adapting a proven layout with Elementor, including hero, services grid, why choose us, and team sections, while customizing content.

Design a WordPress contact page with Elementor, creating a two-column layout, background image, and icon list, then integrate a free contact form via shortcode and prepare for mobile optimization.

Learn to optimize the about page for mobile by adjusting typography, padding, borders, and layout with Elementor, ensuring responsive grids, spacing, and content alignment across devices.

Optimize mobile rendering of WordPress services and contact pages with Elementor. Adjust typography, padding, and column layouts for mobile, tablet, and desktop to improve readability and design consistency.

Master the WordPress 2025 course techniques to design a responsive mobile menu with OceanWP, set breakpoints, and implement iPhone tel links via Elementor for clean white link color.

Explore building a travel blog with WordPress, from a home page layout with header and hero to posts, destinations, categories, latest posts, and a sticky sidebar.

Create your first blog post by navigating the WordPress dashboard, drafting content with Gutenberg blocks, and adding a featured image, headings, and lists for a travel blog.

Learn how WordPress taxonomies categorize posts using categories and tags, including creating, editing, and organizing parent and subcategories for a travel blog, with practical SEO tips.

Learn to create a custom taxonomy named destination in WordPress, using CPT UI, to classify posts hierarchically by destination with parent–child relationships for a travel blog.

Learn the difference between static and dynamic pages in WordPress, explore how blogs use dynamic posts versus static pages, and discover design options via theme customizer or templates.

Design a header and footer for a blog using the Blocksy theme, then customize the main row, logo, menu, colors, top and bottom rows, and enable live search.

Design blog post templates for home, category, and destination pages using the customizer; choose grid layouts, card options, and post meta to enhance navigation and SEO.

Configure category templates using the theme customizer, set archive labels and breadcrumbs, design cards and typography for category and destination pages, and implement SEO-friendly hierarchical URLs and post-name permalinks.

Design a single post template in WordPress 2025 by configuring featured images, the post title, and image overlays, exploring type one and type two layouts.

Design the remaining dynamic pages for WordPress 2025, including the search results and author pages, using the theme customizer to tailor cards, meta, and layouts.

Explore Blocksy theme customizer settings, including layout, breadcrumbs, colors, typography, and performance, plus how to manage headers, footers, widgets, and dynamic versus static pages with Gutenberg or Elementor.

Shows how to convert a static page to a dynamic recent posts section using Gutenberg widgets and the theme customizer, including layout patterns, post limits, and styling.

Compare Elementor and Gutenberg for WordPress blog design, showing how to recreate a Gutenberg layout with Elementor using Blocksy shortcodes and widgets, and discuss pros, cons, and post display options.

Configure a transparent header on the home page with the Blocksy theme, applying front-page display conditions and adjusting colors and padding for the hero area.

Design the about page with Gutenberg using a static layout and a cover hero, incorporating image, text, headings, and links for readable SEO-focused content.

Explore Gutenberg about page design. Build a hero and media in text sections, add icons with plugins or SVGs, and refine a column layout with a call to action.

Learn to design an advertise page in WordPress using Gutenberg, building a full-width hero, a three-column pricing table with silver, gold, and platinum packages, and a contact form.

Explore how to enable and design a WordPress sidebar for post pages and archives, balance content and ads, and monetize with affiliate programs and Google AdSense using widgets.

Design a WordPress sidebar with widgets and blocks, including an about me module with image and headings, plus latest posts powered by dynamic data.

Learn to integrate a newsletter into your WordPress blog by installing a plugin, configuring subscription forms in the footer, managing subscribers, and sending campaigns from the dashboard.

Explore Blocksy's extra features through its free extensions, including cookies consent, product reviews, and a trending posts carousel, and learn to configure them via the theme customizer and Gutenberg/Elementor support.

Learn mobile and tablet optimization for a WordPress site, including configuring mobile menus, sticky headers, and Gutenberg considerations to ensure cohesive design across devices.

Learn how to add your first product in a WordPress WooCommerce store, including image, title, price, long and short descriptions, and publishing, before exploring settings and cart behavior.

Switch from Gutenberg to the classic cart and checkout, edit pages, and insert shortcodes for a clean, styled cart and checkout. Tweak permalinks to post name for clean URLs.

Explore general settings in the WordPress 2025 course, focusing on WooCommerce options such as store address, selling and shipping locations, geo locate, taxes, coupons, and currency settings to tailor checkout.

Learn to configure WooCommerce product settings in WordPress, including shop pages, permalinks, ajax add-to-cart, inventory with stock alerts, reviews, and placeholder images.

Learn to configure tax options on your WordPress site, including standard, reduced, and zero rates, tax classes, and whether prices display include or exclude tax by country.

Configure shipping zones, zip codes, and methods across multiple countries, including local pickup, free shipping, same-day delivery, discounted DHL/FedEx rates, and heavy-item shipping classes.

In WordPress 2025, learn to configure WooCommerce payment settings, enabling direct bank transfer, check payments, and cash on delivery, and how plugins like PayPal or Stripe extend options.

Learn how to add PayPal to a WordPress WooCommerce site, configure sandbox testing, create business and personal PayPal accounts, and enable live payments on checkout.

Learn to integrate Stripe for debit and credit cards on your WordPress site using WooCommerce; configure test mode, connect API keys, enable Apple Pay, and prepare for live payments.

Learn how to configure WooCommerce email settings, customize order notifications and templates, set from name and address, and enable SMTP for reliable delivery.

Explore advanced settings in WordPress WooCommerce: configure geo location with a MaxMind API key, manage card and checkout pages, enforce terms and conditions, and review account endpoints and development options.

Discover how to create and manage product categories and subcategories in WordPress, assign them to products, adjust slugs and display types, and build intuitive navigation through menus.

Learn how product tags in WordPress classify items, differ from hierarchical categories, and power dynamic collections like men collection and new arrivals.

Learn how to create external or affiliate products in WordPress WooCommerce, linking to external sites like Amazon, with a buy on site button that redirects customers for checkout.

Learn to set up and sell virtual and downloadable products in WordPress WooCommerce, including creating virtual services, downloadable ebooks, and configurable product variations with download limits, expiry, and secure delivery.

Create a clean, simple WordPress menu by adding a home page, shop page, product categories, and brands with submenus; finalize with the primary menu and save changes.

Explore the theme customizer to tailor header, footer, colors, typography, and layout for the storefront theme and WooCommerce shop pages, including store notice.

Explore how to customize the home page template in WordPress storefront, switch between full width and default layouts, and configure featured products like latest collections and best sellers.

Discover how different WordPress themes, including the Astro and Ocean WP themes, change WooCommerce behavior, theme customizer options, and how shop pages—from archives to cart and checkout—perform.

The lecture demonstrates installing and activating the Blocksy theme for an e-commerce site, using Block Companion and Elementor to design headers, product pages, and checkout with a sleek, professional look.

Design and customize e-commerce header in WordPress with the theme customizer, arranging menu, search, cart, and account widgets, and applying color palettes, hover states, and dropdowns for a header.

Design the WordPress footer using the theme customizer to create a three-column layout with a logo, description, quick links, store timings, and planned payment methods. Finalize with widgets and colors.

Explore how to customize WooCommerce theme settings via the theme customizer, adjusting star ratings, product badges, quantity inputs, archive and single pages, and checkout and account designs.

Learn to design a complete single product template in WordPress WooCommerce, configuring the gallery, sticky layout, add-to-cart, and related upsell features for conversions.

Implement filter by taxonomy in WordPress WooCommerce using the Themify product filter plugin to filter by category and brand via a shortcode, with and/or logic and toggleable groups.

Design the search results page to align with the shop and archive layouts, adding a left sidebar with filters for price, taxonomy, size, and color while refining the page title.

Learn how to identify and fix plugin conflicts that alter layouts in WordPress, using deactivation, theme customizer tweaks, and trying alternative plugins for a stable client site.

Install and activate the Elementor page builder and enable the top bar editor in Elementor settings, then prepare to design the home page in the next lecture.

Add global colors to your Elementor page builder by accessing site settings, copying color codes from a palette, and applying primary, accent, and secondary colors for a cohesive homepage design.

Learn to create a hero section wireframe on a WordPress home page with Elementor, using a two-column grid, containers, and background colors for an engaging e-commerce brand.

Design the WordPress hero section by adding summer collection and bag images, setting cover display and center bottom alignment, and styling text with a shop now button.

Build a free shipping section in WordPress by creating a three-icon row, styling icons and headings, adjusting spacing and colors, and updating the call to action to shop now.

Learn to dynamically display products in WordPress by using tag-based collections and shortcodes. Use IDs for manual product selection to create tailored collections such as office collection.

Learn how to add a featured collection to the home page using a 40/60 layout, containers with background and border radius, and the WooCommerce featured product shortcode.

Add a new arrivals section on the home page using a product categories container, a four-column latest products shortcode, and a four-counter grid with animated numbers.

Learn to create a universal WordPress layout with consistent inner widths across sections, set a maximum site width (1200 px), and ensure alignment using the theme customizer and Elementor.

Design cart, checkout, and my account pages to match the archive page hero layout using theme customizer and Elementor, applying consistent titles, colors, and breadcrumbs across WooCommerce pages.

Design a mobile header and footer using the theme customizer and header builder, including a mobile menu, off-canvas cart, and logo size adjustments.

Explore how to render WordPress archive pages for mobile by using the theme customizer to adjust product columns, sidebar visibility, and pagination across devices.

Design the mobile home rendering by configuring the main container, column, and responsive elements, then fine-tune paddings, widths, and typography for seamless desktop to mobile layouts.

Master tablet rendering for the home page by converting the grid to a single column, centering images and text, and fine-tuning padding, heights, and icon boxes.