Title: Custom Class Add On Page
Author: syedkamruzzaman
Published: <strong>9 oktober 2025</strong>
Last modified: 9 oktober 2025

---

Plugins zoeken

![](https://ps.w.org/custom-class-add-on-page/assets/banner-772x250.png?rev=3375979)

Deze plugin **is niet getest met de laatste 3 grotere versies van WordPress**. Mogelijk
wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen
ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

![](https://ps.w.org/custom-class-add-on-page/assets/icon-256x256.png?rev=3375979)

# Custom Class Add On Page

 Door [syedkamruzzaman](https://profiles.wordpress.org/syedkamruzzaman/)

[Download](https://downloads.wordpress.org/plugin/custom-class-add-on-page.1.0.0.zip)

 * [Details](https://nl.wordpress.org/plugins/custom-class-add-on-page/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/custom-class-add-on-page/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/custom-class-add-on-page/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/custom-class-add-on-page/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/custom-class-add-on-page/)

## Beschrijving

Add your own CSS classes to specific Pages, Posts, or Custom Post Types—without 
editing theme files.
 Add custom `<body>` 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 `<body>` 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.

 * [Need Help?](https://syed-kamruzzaman.com/#contact)
 * [About Author](https://syed-kamruzzaman.com/)

### 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

 1. Go to **Dashboard  Class Option**.
 2. Type your class name (e.g. `hero`, saves as `ccaop_hero`).
 3. Select **Page / Post / Custom Post**, then pick the exact target.
 4. Click **Save**. Visit the selected view and inspect `<body>`—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.

## Schermafbeeldingen

[⌊Settings screen—add a class and choose where it applies⌉⌊Settings screen—add a
class and choose where it applies⌉[

Settings screen—add a class and choose where it applies

[⌊Page/Post/CPT selectors (conditional dropdowns)⌉⌊Page/Post/CPT selectors (conditional
dropdowns)⌉[

Page/Post/CPT selectors (conditional dropdowns)

[⌊Rules table with locations and delete action⌉⌊Rules table with locations and delete
action⌉[

Rules table with locations and delete action

[⌊Example: class added to <body> on the front end⌉⌊Example: class added to <body
> on the front end⌉[

Example: class added to `<body>` on the front end

[⌊WooCommerce Shop page with custom body class⌉⌊WooCommerce Shop page with custom
body class⌉[

WooCommerce Shop page with custom body class

## Installatie

#### Minimum Requirements

 * WordPress 5.8 or greater
 * PHP 7.2 or greater
 * MySQL 5.0 or greater

#### Automatic Installation

 1. In your WordPress dashboard, go to **Plugins  Add New**.
 2. Search for **Custom Class Add On Page**.
 3. Click **Install Now** and then **Activate**.
     You’ll be redirected to the settings
    page.

#### Manual Installation

 1. Upload the plugin folder to `/wp-content/plugins/`.
 2. Activate the plugin from **Plugins** in your dashboard.
 3. Go to **Class Option** in the admin menu.

#### Updating

Automatic updates should work seamlessly. As always, back up your site before updating.

## FAQ

### Will this change my site’s HTML structure?

No. It only appends your custom class to the `<body>` element via WordPress’s `body_class`
filter.

### Can I add multiple rules?

Yes. Add as many mappings (class  location) as you need. Each shows up in the table
where you can delete them later.

### Why can’t I see the Blog (Posts) page under “Page”?

By design, the Blog page is managed under **Post  Blog page** to avoid confusion
with static pages.

### Does it support WooCommerce pages?

Yes—Shop (product archive), Cart, Checkout (and its endpoints), and My Account are
supported.

### Will my class be exactly what I type?

Your input is sanitized and auto-prefixed with `ccaop_` (e.g. `container`  `ccaop_container`)
to keep it safe and unique.

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“Custom Class Add On Page” is open source software. De volgende personen hebben 
bijgedragen aan deze plugin.

Bijdragers

 *   [ syedkamruzzaman ](https://profiles.wordpress.org/syedkamruzzaman/)

[Vertaal “Custom Class Add On Page” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/custom-class-add-on-page)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/custom-class-add-on-page/),
haal de [SVN repository](https://plugins.svn.wordpress.org/custom-class-add-on-page/)
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/custom-class-add-on-page/)
via [RSS](https://plugins.trac.wordpress.org/log/custom-class-add-on-page/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release: add custom classes to Pages, Posts, and CPTs; WooCommerce-aware;
   rule list; activation redirect.

## Meta

 *  Versie **1.0.0**
 *  Laatst geüpdatet **1 jaar geleden**
 *  Actieve installaties **Minder dan 10**
 *  WordPress versie ** 6.7 of nieuwer **
 *  Getest t/m **6.8.11**
 *  PHP versie ** 7.2 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/custom-class-add-on-page/)
 * Tags
 * [body class](https://nl.wordpress.org/plugins/tags/body-class/)[custom class](https://nl.wordpress.org/plugins/tags/custom-class/)
   [custom post type](https://nl.wordpress.org/plugins/tags/custom-post-type/)[page class](https://nl.wordpress.org/plugins/tags/page-class/)
   [woocommerce](https://nl.wordpress.org/plugins/tags/woocommerce/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/custom-class-add-on-page/advanced/)

## Waarderingen

Er zijn nog geen beoordelingen ingediend.

[Je beoordeling](https://wordpress.org/support/plugin/custom-class-add-on-page/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/custom-class-add-on-page/reviews/)

## Bijdragers

 *   [ syedkamruzzaman ](https://profiles.wordpress.org/syedkamruzzaman/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/custom-class-add-on-page/)