https://github.com/seothemes/dynamic-additional-css
Writes Customizer Additional CSS to a dynamic stylesheet so that it can be cached
https://github.com/seothemes/dynamic-additional-css
customizer dynamic-css wordpress
Last synced: 10 months ago
JSON representation
Writes Customizer Additional CSS to a dynamic stylesheet so that it can be cached
- Host: GitHub
- URL: https://github.com/seothemes/dynamic-additional-css
- Owner: seothemes
- License: gpl-3.0
- Created: 2019-05-22T02:56:31.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-22T03:07:49.000Z (almost 7 years ago)
- Last Synced: 2024-12-30T09:29:21.683Z (over 1 year ago)
- Topics: customizer, dynamic-css, wordpress
- Language: PHP
- Size: 18.6 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dynamic Additional CSS
Writes Customizer Additional CSS to a dynamic stylesheet so that it can be cached
## About
By default, styles added to the Additional CSS section in the WordPress Customizer are added inline:
```html
body {
background: pink !important;
}
```
This is OK for small amounts of CSS but is not ideal for large amounts because it cannot be cached by the browser.
This plugin removes the inline styles and writes them to a dynamic stylesheet which is then loaded externally and can therefor be cached.
When the plugin is activated, the inline styles above will be removed on the front end of your site and will be replaced with a link to the dynamic CSS:
```html
```
A dynamically generated stylesheet has all the benefits of a standard stylesheet, plus it means the plugin doesn't need to write to a physical CSS file on the server.
## Installation
1. Download the zip file from this repository.
2. Navigate to Plugins > Add New.
3. Click the Upload Plugin button at the top of the screen.
4. Select the zip file from your local filesystem.
5. Click the Install Now button.
6. When installation is complete, you’ll see “Plugin installed successfully.” Click the Activate Plugin button at the bottom of the page.
## Usage
There are no options provided by this plugin.