All scripts and styles which get included by either wp_enqueue_script() or wp_enqueue_style() get displayed in the action hook wp_head or wp_footer. So the proper moment to merge them together would be there. Hook in very early and do your magic there. The wp_enqueue_styles hook is not necessarily the best one, since it is not always … Read more
There is no filter when a script is registered, so it is hard to track that down. Use a full text search in all your theme and plugin files to find the source. In addition, you can filter the URL before it is printed: add_filter( ‘script_loader_src’, function( $url ) { if ( 0 !== strpos( … Read more
In the codex for wp_enqueue_style, there is an argument for dependencies. So if I enqueue style A with deps B and C, A will be loaded after B and C. 🙂
WordPress can automatically add the query variables for you. Instead of directly writing the query arguments, you can use it this way: $args = array( ‘f’ => ‘j’, ‘s’ => ‘w’, ‘c’ => ‘t’ ); wp_enqueue_script( ‘param-example’, add_query_arg( $args, ‘https://domain.com/example’) ); This is your solution, since according to code reference, the return value is unescaped … Read more
You have 2 options here. Use Built-in Classes As you already mentioned, WordPress automatically adds classes to body, based on the current page. You can use it to style your elements differently, or even use your own different classes in your 404.php: .error404 p { // Some different classes here } Enqueue Your Styles Only … Read more
Solution 1: Here we will dequeue and deregister elementor-dialog and elementor-frontend, then we will re-register elementor-frontend without the elementor-dialog dependency: // This needs to fire after priority 5 which is where Elementor // handles enqueueing scripts. We’re ok since the default is 10. add_action( ‘wp_enqueue_scripts’, ‘wpse_elementor_frontend_scripts’ ); function wpse_elementor_frontend_scripts() { // Optionally add guard clauses … Read more
You need to set it as a dependency for your script, this is the best way you can make sure, Underscore.js is loaded before your script (which means, the methods will be available). function loadAdminScripts() { wp_register_style( ‘admin-style’, plugins_url(‘admin-style.css’, __FILE__) ); wp_register_script( ‘pluginAdminPage’, plugins_url(‘pluginAdminPage.js’, __FILE__), [ ‘jquery’, ‘underscore’, ] ); wp_enqueue_style(‘admin-style’); wp_enqueue_script(‘pluginAdminPage’); } add_action(‘admin_enqueue_scripts’, ‘loadAdminScripts’); … Read more
You should be setting it to show in the footer with the register, so your code should look like this: wp_register_script( ‘flowplayer_object’, get_bloginfo( ‘stylesheet_directory’ ) . ‘/_/js/flowplayer/flowplayer-object-creator.js’, array(), // these are your dependencies, if you need jQuery or something, it needs to go in that array false, // set a version if you want true … Read more
I took a long time figure out the right way for this! Here’s what I follow now: Use case: In a plugin’s admin page Hook: admin_print_scripts-<page hook> OR <the php file name for your plugin> $hook = add_menu_page(…) / add_submenu_page(…); add_action(‘admin_print_scripts-‘.$hook, ‘my_callback’); Use case: On all admin pages Hook: admin_print_scripts add_action(‘admin_print_scripts’, ‘my_callback’); Use case: On … Read more
Hook into ‘admin_footer-post-new.php’ and ‘admin_footer-post.php’, check the global variable $post_type: add_action( ‘admin_footer-post-new.php’, ‘wpse_73692_script’ ); add_action( ‘admin_footer-post.php’, ‘wpse_73692_script’ ); function wpse_73692_script() { if ( ‘post’ !== $GLOBALS[‘post_type’] ) return; ?> <script>alert( ‘<?php echo $GLOBALS[‘post_type’];?>’ );</script> <?php }