Your problem is adding the scripts, styles inside the class, and because the class instance is created when the hook add_meta_box is fired, at that time the wp_enqueue_script/style are already finished. A solution for you is adding the scripts, styles outside the function and the class. And because meta boxes are used only at editing … Read more
You need to delay the firing of your code, otherwise your conditionals will evaluate false (the request won’t have been parsed yet). Use the action wp_enqueue_scripts: function wpse_182357_enqueue_scripts() { // Your code } add_action( ‘wp_enqueue_scripts’, ‘wpse_182357_enqueue_scripts’ ); Update: Missed the root of the problem – is_page_template() only works for pages. Rather than checking if the … Read more
You’re on the right track, but missing one piece: add_action(‘wp_enqueue_scripts’, ‘my_scripts_method’); add_action allows you to run code at specific times during page loads / specific events. The above action tells WP to run your function when it is adding the scripts to the html head element. Your function in turn instructs WP to add the … Read more
Yes, create a separate JS file and store it in your plugin or theme folder, lets call it example.js. This file should contain all the common function you need to execute in multiple pages, page-specific functions should go to a separate file. After you’ve written your code in the example.js you need to include it … Read more
You’re mixing up the singular wp_enqueue_script, which adds a script, with the plural wp_enqueue_scripts which is an action and a function that triggers that action. I think you want function theme_scripts() { wp_enqueue_script( ‘custom-script’, get_template_directory_uri() . ‘/js/menu-fix.js’, array(‘jquery’), ‘1.0’, true); } add_action(‘wp_enqueue_scripts’, ‘theme_scripts’); i.e. register against the enqueue_scripts-plural action that calls enqueue_script-singular.
You can save your time and server load by not using wp_register_script and wp_register_style when you don’t need them definitely. wp_enqueue_style and wp_enqueue_script do the same job themselves when not involving excessive functions. Here is easier and more readable code up to date with the accepted answer by @vancoder: <?php function opby_theme() { wp_enqueue_script( ‘responsive-img’, … Read more
In simple case you need to enqueue script before header scripts are printed, which happens in wp_head hook. Basic approach would be this in functions.php of your theme: add_action(‘wp_enqueue_scripts’, ‘my_enqueue_scripts’); function my_enqueue_scripts() { wp_enqueue_script(‘jquery’); }
You can use script_loader_tag filter to fulfill your requirement. add below code in your active theme’s functions.php file. it will add extra parameter in your script tag. function add_attribute_to_script_tag($tag, $handle) { # add script handles to the array below $scripts_to_defer = array(‘wpfrank-ptbw-pinit-js’); foreach($scripts_to_defer as $defer_script) { if ($defer_script === $handle) { return str_replace(‘ src’, ‘ … Read more
You could use add_query_arg() but then you’d have to parse the uri everytime, I’d rather create a wrapper function for wp_enqueue_script/style: function my_enqueuer($my_handle, $relpath, $type=”script”, $my_deps=array()) { $uri = get_theme_file_uri($relpath); $vsn = filemtime(get_theme_file_path($relpath)); if($type == ‘script’) wp_enqueue_script($my_handle, $uri, $my_deps, $vsn); else if($type == ‘style’) wp_enqueue_style($my_handle, $uri, $my_deps, $vsn); } Add this in your functions file … Read more
iris color picker in widget – click event doesn’t fire when initially when widget is first created