Plugin Banner
Plugin Icon

CSS Organizer

Description

CSS Organizer enhances the WordPress Customizer by expanding the "Additional CSS" section into multiple organized sections specified by you. This allows users to categorize their CSS snippets, making it easier to manage and find specific styles.

Features:

  • Separate sections for different CSS categories (e.g., layout, typography, global vars).
  • Intuitive interface that keeps your styles organized.
  • Easy navigation within the Customizer.
  • Improve workflow by reducing clutter in the default CSS area.
  • Expand the customizer to 30%, 50% or 80% of the screen for easier editing.

This plugin is perfect for developers and designers who want to streamline their styling process while maintaining the live preview that stylesheets can't give you.

Screenshots

Easily add and sort sections from the settings page under Appearance > CSS Organizer
Easily add and sort sections from the settings page under Appearance > CSS OrganizerCustomizer options with CSS Organizer at the bottomCustomizer CSS Organizer sectionsCustomizer CSS Organizer sectionExpand the customizer to 30%, 50% or 80% of the screen for easier editing

FAQ

How does this plugin help with CSS management?

Is this plugin compatible with all themes?

Installation

1. Upload the plugin files to the /wp-content/plugins/css-customizer/ directory.

2. Activate the plugin through the 'Plugins' menu in WordPress.

3. Go to Appearance > CSS Organizer to set up sections

4. Go to Appearance > Customize to enter WordPress Customizer

What Next?

How-To GuideDeveloper Docs

1.1.0

  • Update: New support links
  • Update: Added a hook to allow changing the expand width percentages

1.0.2

  • Update: Updated author name and website per WordPress trademark policy

1.0.1

  • Initial Release

Starting at:

$39
USD One-Time Payment (Single Site License)

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.