Custom Class Add On Page
by syedkamruzzaman on WordPress.org
Add safely-prefixed custom classes to Pages, Posts, CPTs, and WooCommerce views—no theme edits required.
Settings screen—add a class and choose where it applies
Add your own CSS classes to specific Pages, Posts, or Custom Post Types—without editing theme files.
Add custom classes—safely prefixed—on any Page, Post, CPT, or WooCommerce view (Shop, Cart, Checkout, My Account) with zero theme edits.
I created Custom Class Add On Page as a simple way to manage classes with a safe ccaop_ prefix. Choose the target (Page, Blog page, Single Post, CPT archive/single, or a specific CPT item), save, and the class is injected via the body_class filter. Clean code, lightweight implementation, and solving real problems are the focus. Collaboration and feedback are welcome.
Highlights
– Add classes to: a single Page, the Blog (Posts) page, all Single Posts, CPT Archive, all CPT Singles, or a specific CPT item.
– Safe auto-prefix (ccaop_) prevents conflicts.
– WooCommerce-aware: Shop (product archive), Cart, Checkout, and My Account are supported.
– Clean admin UI with a table listing every rule you’ve created (class + location) and a delete action.
– Activation redirect: after activation, you’re taken straight to the settings page.
– Lightweight: uses the body_class filter only—no front-end bloat.
Video Tutorial
⚡ What you can configure
- Enter a custom class name (auto-saved as
ccaop_{your_class}). - Choose where to apply it: Page / Post / Custom Post.
- For Page pick any page (Blog/Posts page is intentionally excluded here; use Post Blog page).
- For Post choose Blog page (posts index) or All single posts.
- For Custom Post choose the CPT and target (Archive, All single, or Specific item).
Usage
- Go to Dashboard Class Option.
- Type your class name (e.g.
hero, saves asccaop_hero). - Select Page / Post / Custom Post, then pick the exact target.
- Click Save. Visit the selected view and inspect
—you’ll see your class.
⚡ Features
- Ready to use—no coding needed
- Auto-prefixed classes to avoid collisions
- Page / Post / CPT (archive, single, specific item) targets
- WooCommerce Shop, Cart, Checkout, My Account support
- Rule list with delete action
- Lightweight & fast, theme-agnostic
- Works with cached sites (no dynamic output buffering)
WooCommerce Notes
If you select the Shop page under Page, the plugin detects it as the product archive and adds your class on Shop views correctly.
Similarly, Cart, Checkout (including endpoints like order-pay, order-received) and My Account are handled.
