Skip to content

Instantly share code, notes, and snippets.

@neverything
Created December 13, 2012 15:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save neverything/4277001 to your computer and use it in GitHub Desktop.
Save neverything/4277001 to your computer and use it in GitHub Desktop.
required+ Foundation - How scripts and styles are loaded in WordPress
<?php
// Add the following line to your required_starter_themesetup in your child theme functions.php
remove_action( 'wp_enqueue_scripts', 'required_load_scripts' );
<?php
/**
* Custom function to load styles and scripts
*
* Handling the scripts and stylesheets all by yourself?
* See here on how to register and load theme in your
* child theme.
*
* @link http://themes.required.ch/?p=798
*/
function my_child_theme_load_scripts() {
// register required-foundation.min.js
wp_register_script(
'foundation-js', //handle
get_template_directory_uri() . '/javascripts/required-foundation.min.js', //source
array('jquery'), //dependencies
FOUNDATION_VERSION, //version
true //run in footer
);
//app.js – depending on foundation.js
wp_register_script(
'app-js',
get_template_directory_uri() . '/javascripts/app.js',
array( 'foundation-js' ),
FOUNDATION_VERSION,
true
);
// The stylesheets
wp_register_style(
'foundation-css', //handle
get_template_directory_uri() . '/stylesheets/foundation.min.css',
null, // no dependencies
FOUNDATION_VERSION //version
);
// Load scripts
wp_enqueue_script( 'app-js' );
// Load our Stylesheets
wp_enqueue_style( 'foundation-css' );
}
add_action( 'wp_enqueue_scripts', 'my_child_theme_load_scripts' );
<?php
/**
* Remove certain styles and scripts
*
* In case you only want to remove certain
* scripts and styles, this is how:
*
* @link http://themes.required.ch/?p=798
*/
function my_child_theme_remove_scripts() {
// Remove theme-js
wp_dequeue_script( 'theme-js' );
wp_deregister_script( 'theme-js' );
// Let's keep the app.js and required-foundation.min.js
wp_enqueue_script( 'app-js' );
// Remove theme css style.css calls,
// but keeps the app.css and foundation.min.css
// because we of the dependencies
wp_deregister_style( 'required-foundation-css' );
}
add_action( 'wp_enqueue_scripts', 'my_child_theme_remove_scripts', 11 );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment