https://github.com/soderlind/dynamic-enqueue-scripts
How to enqueue dynamic CSS and JavaScript in WordPress
https://github.com/soderlind/dynamic-enqueue-scripts
Last synced: 6 months ago
JSON representation
How to enqueue dynamic CSS and JavaScript in WordPress
- Host: GitHub
- URL: https://github.com/soderlind/dynamic-enqueue-scripts
- Owner: soderlind
- Created: 2015-06-08T08:27:33.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-09-21T13:35:12.000Z (over 10 years ago)
- Last Synced: 2025-08-16T06:58:30.776Z (6 months ago)
- Language: PHP
- Homepage:
- Size: 156 KB
- Stars: 7
- Watchers: 6
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# dynamic-enqueue-scripts.php
Plugin that demonstrates how to enqueue dynamic CSS and JavaScript in WordPress.
## Excerpt from the [plugin code](https://github.com/soderlind/dynamic-enqueue-scripts/blob/master/dynamic-enqueue-scripts.php)
```php
function dynamic_enqueue_scripts() {
wp_enqueue_style(
'dynamic-css', //handle
admin_url( 'admin-ajax.php' ) . '?action=dynamic_css_action&wpnonce=' . wp_create_nonce( 'dynamic-css-nonce' ), // src
array(), // dependencies
DYNAMICSCRIPTVERSION // version number
);
}
function dynamic_css_loader() {
$nonce = $_REQUEST['wpnonce'];
if ( ! wp_verify_nonce( $nonce, 'dynamic-css-nonce' ) ) {
die( 'invalid nonce' );
} else {
/**
* NOTE: Using require or include to call an URL (created by plugins_url() or get_template_directory(), can create the following error:
* Warning: require(): http:// wrapper is disabled in the server configuration by allow_url_include=0
* Warning: require(http://domain/path/dynamic-javascript.php): failed to open stream: no suitable wrapper could be found
* Fatal error: require(): Failed opening required 'http://domain/path/dynamic-javascript.php'
*/
require_once dirname( __FILE__ ) . '/dynamic-css.php';
}
exit;
}
add_action( 'wp_enqueue_scripts', 'dynamic_enqueue_scripts' );
add_action( 'wp_ajax_dynamic_css_action', 'dynamic_css_loader' );
add_action( 'wp_ajax_nopriv_dynamic_css_action', 'dynamic_css_loader' );
```
## A simple example [dynamic CSS](https://github.com/soderlind/dynamic-enqueue-scripts/blob/master/dynamic-css.php)
```php
a {
color: !important;
}
```