Custom CSS Per Page WordPress Plugin

This WordPress plugin allows users to add custom CSS to individual pages or posts. It provides a metabox in the post editor for adding CSS and also extends the Quick Edit feature in the post list to support custom CSS. The plugin is compatible with the Gutenberg editor and outputs custom CSS on the front end only on pages where it's added. It is small, lightweight, and easy to use.

Features

• Custom CSS Metabox: Adds a metabox in the WordPress post editor, allowing users to input custom CSS for that specific post or page.
• Gutenberg Support: The custom CSS metabox is also available in the Gutenberg editor.
• Quick Edit Integration: Allows users to add or edit custom CSS directly from the Quick Edit interface in the WordPress post list.
• Front-End Output: Custom CSS is output on the front end only on pages where it's added, ensuring site-wide styles are not affected.

Installation

1. Download the plugin files.
2. Upload the plugin folder to the /wp-content/plugins/ directory of your WordPress installation.
3. Activate the plugin through the 'Plugins' menu in WordPress.

Usage

Adding Custom CSS in Post Editor

1. Navigate to the post or page editor.
2. Find the 'Custom CSS' metabox usually located on the right-hand side.
3. Add your custom CSS code.
4. Save or update the post/page.

Using Quick Edit

1. Go to the 'All Posts' or 'All Pages' screen.
2. Hover over a post/page title to see the Quick Edit link.
3. Click 'Quick Edit' and find the custom CSS input area.
4. Add or edit your custom CSS.
5. Click 'Update' to save changes.

About

This plugin was created using the WP Plugin Architect GPT. For more information, visit: WP Plugin Architect GPT

License

This plugin is open source and licensed under the GPL v2 or later.