Add Page Classes

Lifetime License!

Add custom CSS classes to the <body> tag based on page type, individual pages, posts, products, categories, tags, and user login state. Manage everything from a clean settings page under Settings → Add Page Classes.

Features

WordPress Tab

  • Global Classes — Applied to every page across the entire site
  • Logged-In / Logged-Out Classes — Target authenticated vs. guest visitors
  • Apply to Navigation — Option to add logged-in/out classes to nav menu <li> items for CSS show/hide
  • Page Type Classes — Front Page, Blog, Single Posts, Archives, Search, 404
  • All Pages — Classes applied to every WordPress page
  • Individual Pages — Checkbox picker with per-page class inputs
  • All Posts — Classes applied to every single blog post
  • Individual Posts — Checkbox picker with per-post class inputs
  • Individual Categories — Per-category classes applied on category archive pages and individual posts in that category

WooCommerce Tab

  • Page Type Classes — Shop, Cart, Checkout, My Account
  • Individual Categories — Per-category classes on archive pages
  • Individual Tags — Per-tag classes on archive pages
  • All Products — Classes applied to every single product page
  • Individual Products — Checkbox picker with per-product class inputs

Tools

  • Logging — Toggle to log applied classes to a custom log file, with a built-in log viewer and clear button
  • Configured Classes — Read-only summary of all classes currently saved across WordPress and WooCommerce settings
  • Export / Import — Download all settings as a JSON file or restore from a previously exported file

UX

  • Tabbed interface with tab persistence
  • Search/filter on all item pickers
  • “Show selected only” toggle on each picker
  • Selected count badge and “Clear all” link
  • Inline class name validation (warns on invalid CSS class names)
  • Admin bar indicator — shows how many classes were added and lists them in a dropdown

How It Works

The plugin hooks into the WordPress body_class filter and adds your configured CSS classes to the <body> tag. Multiple rules can apply to the same page — all matching classes are merged. Classes are sanitized before output.

$29.99

small_c_popup.png

Learn how we helped our awesome clients gain success.

Let's have a chat