An open API service indexing awesome lists of open source software.

https://github.com/lschvn/cool-styling-wp

Customize your WordPress admin area by writing your own CSS. (Work in progress!)
https://github.com/lschvn/cool-styling-wp

Last synced: 13 days ago
JSON representation

Customize your WordPress admin area by writing your own CSS. (Work in progress!)

Awesome Lists containing this project

README

        

# Cool Styling

Customize your WordPress admin area by writing your own CSS. (Work in progress!)

## Features
- Use CodeMirror to write and preview CSS changes directly in the WordPress admin panel.
- Click elements to automatically generate CSS selectors.
- Save your custom styles and apply them dynamically.
- Export your custom CSS as a file for easy sharing and backup.

## Installation
1. Clone the repository or download the zip file.
2. Upload the plugin files to the `/wp-content/plugins/cool-styling` directory.
3. Activate the plugin through the 'Plugins' menu in WordPress.

## Usage
1. Go to `Settings > Cool Styling` in the WordPress admin panel.
2. Write your custom CSS in the CodeMirror editor.
3. Click "Select Element" to generate CSS selectors automatically.
4. Click "Preview Changes" to apply the styles dynamically.
5. Save your changes.
6. Click "Export CSS" to download your custom styles as a CSS file.

## TODO
- [X] Fix a styling bug in the plugin's options panel.
- [X] Add all elements from the design system below the options for easier selection.
- [X] Change the way the element is added by removing `nth-of-type(x)`.
- [ ] Add custom themes
- [ ] Changes Logo and Icon for customization

## Contributions
Contributions are welcome! Please fork the repository and submit a pull request.

## License
This project is licensed under the MIT License.