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.