I am trying to dequeue the following plugin scripts:
function afg_enqueue_cbox_scripts() {
wp_enqueue_script('jquery');
wp_enqueue_script('afg_colorbox_script', BASE_URL . "/colorbox/jquery.colorbox-min.js" , array('jquery'));
wp_enqueue_script('afg_colorbox_js', BASE_URL . "/colorbox/mycolorbox.js" , array('jquery'));
}
I tried adding this in functions.php:
add_filter('wp_print_styles', 'remove_mycred', 100);
function remove_mycred() {
wp_dequeue_script( 'afg_colorbox_script' );
wp_dequeue_script( 'afg_colorbox_js' );
}
But it does not work at all - both scripts are still there.
There are other scripts that I have no problems dequeuing - just not those.
I suspect jquery has something to do with my problems?
thanks!
Blaise
You have two problems here, you should use wp_enqueue_scripts hook to hook your function to. Secondly, you will need to go and look at the priority which the author used to enqueue these scripts, and then give your action hook a lower (higher number) priority. Your code should look something like this
function remove_mycred() {
wp_deregister_script( 'afg_colorbox_script' );
wp_dequeue_script( 'afg_colorbox_script' );
wp_deregister_script( 'afg_colorbox_js' );
wp_dequeue_script( 'afg_colorbox_js' );
}
add_action( 'wp_enqueue_scripts', remove_mycred, 9999 );
Related
I have a code like this
function fs_express_theme_styles() {
wp_enqueue_style( 'fs-express-theme-style', get_stylesheet_uri(), array(), filemtime(get_stylesheet_uri()) );
}
add_action( 'wp_enqueue_style', 'fs_express_theme_styles' );
that doesn't work. I tried different versioning and no versioning at all. As a result I don't get any errors in the console or debug files but styles are not loaded.
However, this worked:
function fs_express_theme_scripts() {
wp_enqueue_style( 'fs-express-theme-style', get_stylesheet_uri(), array(), filemtime(get_stylesheet_uri()) );
}
add_action( 'wp_enqueue_scripts', 'fs_express_theme_scripts' );
I am not sure why add_action( 'wp_enqueue_style', 'fs_express_theme_styles' ) didn't work but add_action( 'wp_enqueue_scripts', 'fs_express_theme_scripts' ) worked.
Can someone, please, explain?
At the beggining I tried putting everything in two separate functions like this:
// We define the function:
function MYTHEME_scripts() {
wp_enqueue_script('jquery-ui-datepicker');
}
// Add the functions to WP loading list.
add_action( 'wp_enqueue_scripts', 'MYTHEME_scripts' );
function MYTHEME_styles() {
wp_enqueue_style('jquery-ui-css', '//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');
wp_enqueue_style('jquery-ui-css', '//ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');
}
// Add the functions to WP loading list.
add_action( 'wp_enqueue_style', 'MYTHEME_styles' );
that was taken from here https://wordpress.stackexchange.com/questions/137104/wp-enqueue-script-was-called-incorrectly, but it didn't work so while testing I figured out that loading styles through wp_enqueue_scripts worked
I also added this
$myfile = fopen("newfile.txt", "w") or die("Unable to open file!");
$txt = get_stylesheet_uri();
fwrite($myfile, $txt);
fclose($myfile);
to both functions to test things out and I see that add_action( 'wp_enqueue_style', 'fs_express_theme_styles' ) never worked but add_action( 'wp_enqueue_scripts', 'fs_express_theme_scripts' ) did
I need to remove Woocommerce script: wc-admin-order-meta-boxes-js (woocommerce/assets/js/admin/meta-boxes-order.min.js) from the edit-order page or all admin pages in woocommerce. I tried everything but nothing works. Can anyone help me? Thanks.
For example, I tried this:
add_action( 'admin_print_script', 'remove_admin_scripts', 1 );
function remove_admin_scripts() {
// Dequeue
wp_dequeue_script( 'wc-admin-order-meta-boxes-js' );
// Deregister
wp_deregister_script( 'wc-admin-order-meta-boxes-js' );
}
You are calling the wrong name of the script. You can just dequeue as it is enqueued, but with a higher priority.
add_action( 'admin_enqueue_scripts', 'remove_admin_scripts', 99 );
function remove_admin_scripts() {
// Dequeue.
wp_dequeue_script( 'wc-admin-order-meta-boxes' );
// Deregister.
wp_deregister_script( 'wc-admin-order-meta-boxes' );
}
This is tested and works.
I am trying to find a way to dequeue styles and scripts on the "login, password reset and register " default wp pages.
I understand there is 'login_enqueue_scripts' but no such thing as login_dequeue_scripts.
Whats your approach ? Ive tried something like this:
add_filter('body_class', function($classes) {
if (in_array('login', $classes)) {
wp_dequeue_style( 'list-css' );
wp_dequeue_style( 'blog-css' );
wp_dequeue_style( 'dir-css' );
wp_dequeue_style( 'author-css' );
}
return $classes;
});```
You could just use the wp_dequeue_script/style function for the login_enqueue_script action. Like so:
function custom_login_page() {
wp_dequeue_style( 'list-css');
}
add_action( 'login_enqueue_scripts', 'custom_login_page' );
The action of 'login_enqueue_scripts' is what happens when the other scripts/styles are loaded on that page. You can create a custom function to run when that happens, which is what you want.
However, rather than dequeueing, why not just write some of your own CSS for the elements on the page, then enqueue whatever that custom CSS?
function custom_login_css() {
wp_enqueue_style( 'custom-login-styles', get_stylesheet_directory_uri() . '/custom-login.css' );
}
add_action( 'login_enqueue_scripts', 'custom_login_css' );
Here's a good reference for the different elements you can customize with CSS on the WP login page.
I want to load my plugin's script in head, because it adds menu item which must be visible immediately without flashing. Pure JavaScript, so I don't need to worry about jQuery.
I would like it to bypass popular functions.php script which moves scripts to the footer:
// Move render-blocking JavaScript.
add_action( 'wp_enqueue_scripts', 'custom_clean_head', 9999999 );
function custom_clean_head() {
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
}
In my plugin I enqueue script this way:
add_action( 'wp_enqueue_scripts', 'my_plugin', 999999999 );
function my_plugin( ) {
// assigning slug variables
wp_enqueue_script( $plugin_short_slug, plugins_url() . '/' . $plugin_slug . '/js/' . $plugin_slug . '.min.js', array(), '', false);
}
I thought that so low priority and $in_footer parameter of wp_enqueue_script being false would solve the problem, but script still loads in footer. What should I change?
I have installed WP Pokks plugin. I using in on some of pages and need to deregister its styles and scripts on other pages.
I found some code in plugin which registers scripts:
### Function: Enqueue Polls JavaScripts/CSS
add_action('wp_enqueue_scripts', 'poll_scripts');
function poll_scripts() {
// code
}
So for deregistering its scripts i am using next code in my functions.php:
add_action( 'wp_enqueue_scripts', 'deregister_polls_scripts_and_styles' );
function deregister_polls_scripts_and_styles() {
if ( is_home() ) {
remove_action( 'wp_enqueue_scripts', 'poll_scripts');
}
}
So it must deregister polls scripts on homepage, but id does not. What i am doing wrong?
You can use like this
add_action( 'wp_print_scripts', 'de_script', 100 );
function de_script() {
wp_dequeue_script( 'jquery' );
wp_deregister_script( 'jquery' );
}