Become a WordPress Expert - Build 10 Cool Projects

Build a strong WordPress foundation by learning fundamentals, installing WordPress locally, managing dashboards, themes, plugins, editors (Gutenberg and classic), and performing backups, migrations, and go-live tasks.

Log into the WordPress dashboard via /wp-admin using admin credentials. Learn the local WordPress software and one-click admin to access posts, pages, media, appearances, plugins, and settings.

Learn how WordPress themes shape your site’s look, install and activate themes from the dashboard, and switch from the default to Astra or free and premium options.

Learn when to use WordPress pages vs posts, and how to create, publish, delete, and manage pages and posts, including menus and structure differences.

Explore how to use the classic editor in WordPress and compare it with Gutenberg's block-based interface. Learn to create posts and pages with media, permalinks, categories, tags, and short code.

Explore WordPress user roles and permissions, from administrator and editor to author, contributor, and subscriber, and learn how to add, edit, assign roles, and manage user passwords.

Install WordPress on a cPanel hosting account using the WordPress manager, select your domain, enable HTTPS, and set the admin password.

Learn how to migrate a WordPress site from one location to another using a plugin. Gather credentials: WordPress login for the source, and destination URL, server IP, plus cPanel details.

Learn how to publish a local WordPress site online using hosting and a domain. Explore how domain names, hosting, IP addresses, URLs, and name servers route visitors to your server.

discover codesiddhi.space, a student-friendly online WordPress practice platform that lets you work on live WordPress projects on the server, with direct Elementor Pro activation and student-focused access.

Explore how WooCommerce, the free open-source WordPress ecommerce plugin, lets you sell products with payment gateways, shipping, taxes, and diverse product types in an 11-part fundamentals series.

Set up your WordPress environment by installing WordPress locally or on hosting, install and activate WooCommerce, and import sample products to start your store.

Create a grouped product in WooCommerce by linking simple or variable products into one collection, so customers select items and quantities from a single page.

Discover how to add affiliate products to your e-commerce store, set external product data, apply affiliate links, and earn commissions by redirecting buyers to sites like Amazon.

Enable the tax tab in WooCommerce and configure standard tax rates for India and the United States, using the customer's shipping address to calculate taxes.

Learn to configure Indian gst in WooCommerce with cgst, sgst, and igst, based on customer and shop state, using priority rules for a seamless tax setup.

Learn to configure shipping zones and shipping classes in WooCommerce, set location-based flat rates for India and the United States, and assign products to lightweight or heavyweight classes.

Learn to integrate Stripe as the online payment gateway for a WooCommerce site by installing the Stripe plugin, connecting an account, and configuring publishable and secret keys plus a webhook.

Learn to integrate Razorpay with a WordPress WooCommerce site by installing the Razorpay for WooCommerce plugin and obtaining API keys. Configure live or test mode with key ID and secret.

Learn how to install and activate the Elementor plugin in WordPress, create a blank page with Elementor canvas, and begin designing from scratch using the Elementor editor.

Design a WordPress page with Elementor, using the free version’s basic elements via the element tab, while switching from Gutenberg to Elementor and noting pro options.

Learn about Elementor's container features and the compatibility update, and how to toggle between containers and sections (flexbox) to build pages.

Set flex direction to row to align items along the main axis, using justify content and align items with gap and wrap options; manage container width, height, and responsive behavior.

Learn how wrapping works with flex direction set to column and how a fixed-height parent, via a custom CSS class in Elementor, enables wrap and controls main and cross axes.

Master flexbox layout with advanced container options—align self, order, and size—gaining granular control over individual children, rearranging order, and managing space with grow and shrink.

Add and customize an icon box in Elementor using built-in or custom svg icons, with editable heading, content, colors, hover effects, typography, and responsive options.

Explore how to add a star rating widget in Elementor, configure 0–5 or 0–10 stars, choose icons and styles, and adjust alignment, typography, and colors for testimonials.

Learn to add and customize an image carousel in Elementor, selecting images, configuring slides, autoplay, arrows and dots, captions, alignment, and styling options for a polished gallery.

Build a polished image gallery with the WordPress basic gallery widget, using ten images in a five-column layout with lightbox popups. Adjust spacing, borders, and captions for a symmetric presentation.

Create an icon list with an icon box, icons, and text to present key points. Switch between stacked and inline layouts, customize icons, text, links, and styles.

Create engaging number counters with Elementor, customize prefixes and suffixes, set animation duration, apply color and typography, and display achievements across sections and columns.

Learn to use the Elementor progress bar widget—free with the core version—to visually display skills and services for WordPress projects, with customizable color, height, border radius, typography, and titles.

Explore the tabs widget in Elementor to organize content into tabs, duplicate and rearrange them, switch between horizontal and vertical layouts, and customize alignment, colors, typography, and margins and padding.

Learn to use accordion and toggle widgets in Elementor to organize content efficiently; compare their behavior, default states, and customization options like icons, styling, and HTML tags.

Explore the toggles widget in Elementor to customize text, icons, colors, spacing, and typography for WordPress projects, with practical tips for styling and layout.

Learn to add and customize social icons in Elementor, linking to Facebook, YouTube, Twitter, Instagram, and more, with configurable items, shapes, alignment, columns, spacing, hover effects, borders, and colors.

Learn to embed SoundCloud audio in Elementor by dragging the SoundCloud widget, pasting a track link, and configuring options like autoplay, video player, buy, like, download, artwork, share, and colors.

Discover how to display content with shortcodes in WordPress using the Elementor shortcode widget, and paste in a Ninja Forms generated shortcode to embed a contact form on your site.

Write your own HTML markup and implement it in Elementor using the custom HTML widget. Paste, render, and update tables and other markup to build professional pages.

Learn to add and customize a WordPress sidebar with Elementor. From appearance > widgets, drag main sidebar widgets like product categories and calendar, then update and refresh.

Create dynamic headers and footers with Elementor, applying a single consistent design across all pages, and set site-wide header and footer conditions using menus.

Learn to build blog archive pages and single post templates in WordPress using Elementor Pro, design a grid archive, configure pagination, and apply post layouts.

Learn to build a portfolio widget that filters posts, pages, and products in a responsive grid with categories and tags filters, masonry layouts, and customizable styling.

Learn to build image galleries with the Elementor Pro gallery widget, including filterable categories, grid or masonry layouts, lightbox zoom, and styling options for a polished WordPress portfolio.

Design a custom WordPress login page using Elementor Pro's login widget, customizing labels, input sizes, redirects, and styling to fit your brand.

Discover how to craft animated headlines in Elementor Pro using the animated headlines widget, configuring before text, animated text, and after text with highlighting or rotating effects.

Learn to build a professional pricing list using the Elementor Pro pricing list widget, customize titles, typography, images, and links, for restaurant menus.

Discover how to create testimonials with Elementor Pro's Testimonial Carousels widget. Add images, names, and designations, choose a bubble skin, and adjust slides, arrows, and typography.

Learn to use the reviews widget in Elementor to display ratings with usernames, social icons, and links, distinguishing it from testimonials and boosting social proof on your WordPress site.

Learn to create a table of contents with Elementor Pro, auto-populated from page headings (H2/H3), customize markers, collapsible subitems, and style the widget for desktop and mobile.

Create and customize countdown timers with the Elementor pro countdown widget, choosing due date or evergreen modes, selecting block or inline designs, configuring units, labels, expiry actions, and styling.

Create and customize share buttons with the Elementor pro widget, add platforms like Facebook, Twitter, LinkedIn, Telegram, and WhatsApp, then style icons, labels, and layout for the current page.

Learn how to use the blog quotes widget in Elementor Pro to highlight quotes, customize skin and alignment, enable tweet with your username, and adjust typography and button options.

Learn to add Facebook like, share, and recommend buttons on your WordPress site using the Facebook button widget in Elementor Pro, including app ID integration and URL options.

Learn how to add the Facebook comments widget in Elementor Pro for on-page discussions. Configure page as the target, adjust comment count, and customize appearance with margins and background.

Embed Facebook posts, videos, and comments in your WordPress site using the Elementor widget, customize URLs, captions, and controls like autoplay and parent comments.

Embed a Facebook page in Elementor and customize its feed with layout options, events, messages, cover photo, profile photo, and a call-to-action, using a correct url and adjustable height.

Discover how the Elementor Pro code highlight widget lets you embed and style code snippets—from PHP to JSON—with line numbers, copy button, line highlighting, themes, and layout controls.