This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Post/Page specific custom CSS

Description

Post/Page specific custom CSS will allow you to add cascade stylesheet to specific posts/pages. It will give you special area in the post/page edit field to attach your CSS. It will also let you decide if this CSS has to be added in multi-page/post view (like archive posts) or only in a single view.

You will see additional meta box below text input area on posts and pages screen. You may add whatever CSS you want. You may choose if you want to add this CSS code on certain single page/post or on pages like archive etc.

Requirements

This plugin requires at least WordPress 5.0 (never forget to update your WP installation!) and PHP 7.0 installed on your server.

Screenshots

  • If you can't see CSS panel, check screen options and make sure "Custom CSS" is checked
  • Write your CSS code available only for your post or page. You may force the plugin to add CSS code only on single page view.
  • Added settings

Installation

Automatic installation

Automatic installation is the easiest. Simply log in to your WordPress admin panel, go to the Plugins menu and click Add New.

In the search field type Post/Page specific custom CSS and click Search Plugins. Then you can install it by simply clicking “Install Now” button.

Manual installation

  1. Upload post-page-specific-custom-css directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. That’s all folks, have fun 🙂

FAQ

Is it free?

Yes, it is under GPLv2 (and later) licence. However, you can donate me a few dollars if it makes you feel good. I certainly have nothing against it.

Reviews

فبروري 4, 2024
The CSS metabox has a spinner that continuously spin, and the CSS is now inject inside the BODY content of the page instead of the HEAD... probably another bug. Had to switch to Simple CSS. It inject the code in the header and minify it.
مې 2, 2023
I am surprised this plugin is not more popular. It is a great way to add a little CSS to a page. Sometimes I just find it handy when I want to test CSS before adding it to my main stylesheet. Especially if I want to show someone global page changes before actually doing them globally.
جنوري 6, 2023
Hi! Great plugin, exactly what I was looking for. On my version (6.1.1) the CSS validation fails due to line 679 (there is no data object in wp object).const ppsccEditPost = wp.data.select('core/edit-post'); Otherwise the CSS saves and displays correctly.
جولای 1, 2022
Hi there, I really loved your plugin but after installing WP 6.0 (PHP 7.4, WPML and TOTAL theme as Template) it crashed my site. Something caued a 500 error -> post-page-specific-custom-css.php on line 519 This is the debug information (XXXX for security reason): [01-Jul-2022 11:48:39 UTC] PHP Fatal error: Uncaught TypeError: Argument 1 passed to Phylax\WPPlugin\PPCustomCSS\Plugin::the_content() must be of the type string, null given, called in /XXXXXXXXXXXXX/wordpress/wp-includes/class-wp-hook.php on line 307 and defined in /XXXXXXXXXXXXX/wordpress/wp-content/plugins/postpage-specific-custom-css/post-page-specific-custom-css.php:519 Stack trace: #0 /XXXXXXXXXXXXX/wordpress/wp-includes/class-wp-hook.php(307): Phylax\WPPlugin\PPCustomCSS\Plugin->the_content(NULL) #1 /XXXXXXXXXXXXX/wordpress/wp-includes/plugin.php(191): WP_Hook->apply_filters(NULL, Array) #2 /XXXXXXXXXXXXX/wordpress/wp-includes/formatting.php(3877): apply_filters('the_content', '') #3 /XXXXXXXXXXXXX/wordpress/wp-includes/class-wp-hook.php(307): wp_trim_excerpt('', Object(WP_Post)) #4 /XXXXXXXXXXXXX/wordpress/wp-includes/plugin.php(191): WP_Hook->apply_filters('', Array) #5 /XXXXXXXXXXXXX/wordpress/wp-includes/post-templa in /XXXXXXXXXXXXX/wordpress/wp-content/plugins/postpage-specific-custom-css/post-page-specific-custom-css.php on line 519 Any ideas?
جون 6, 2022
While it is a useful plugin, it does not wok in comments pagination. For example, you can use it to have custom CSS in a single page address: domain.com/title/ (custom css different from the general CSS of the whole site are used), but it does not work for comments pages of the same address such as: domain.com/title/comment-page1 or domain.com/title/comment-page2 As you know, there is no separate editing environment for comments pages. As a result, there is no separate box to add custom css for comments pages. Suggestion for the next update: the plugin will be more useful if the custom CSS of each single page work for all of its comments pages (from first comments page to the last one). Regards
Read all 40 reviews

Contributors & Developers

“Post/Page specific custom CSS” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

0.2.4

  • Release date: 2022-01-20
  • Fixed default post/page values (it was in reverse, thank you, @olandir, for pointing that out!)

0.2.3

  • Release date: 2021-11-29
  • Fixed options saving issue
  • Fixed text formatting

0.2.2

  • Release date: 2020-05-10
  • Lot of fixes, to stay up to date with WordPress code rules
  • Birthday banner visible only for administrators
  • Birthday banner now can be hidden for the next year
  • Now it’s possible to let editors edit CSS

0.2.1

  • Release date: 2020-04-27
  • Custom JavaScript note
  • Birthday note

0.2.0

  • Release date: 2020-02-25
  • Compatibility: 5.3 and previous
  • Added options page for plugin
  • Added default CSS for post and page
  • Added CSS highlighting for posts, page and options (for default CSS)
  • Thou it’s a bit bigger by default, you may make input view even bigger

0.1.4

  • Release date: 2018-11-21
  • Status: Stable
  • Compatibility: 5.0 and previous
  • Minor code refactoring

0.1.3

  • Release date: 2018-05-18
  • Status: Stable
  • Compatibility: 4.9.6 and previous

0.1.2

  • Release date: 2018-05-05
  • Status: Stable
  • Compatibility: 4.9.5 and previous
  • Added screenshots, icons and header image for WordPress repository

0.1.1

  • Release date: 2017-08-03
  • Status: Stable
  • Compatibility: 4.8.1 and previous
  • Added screenshots, icons and header image for WordPress repository

0.1.0

  • Release date: 2016-12-16
  • Status: Stable
  • Initial release