Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress How to Build a WordPress Plugin Building WordPress Widgets, and Shortcodes Adding AJAX To Plugins on the Front-End

Posted by MUZ140045 Tafadzwa Gumunyu
MUZ140045 Tafadzwa Gumunyu
13,202 Points

stage 4 challenge 3

Now enqueue a JS file named front-end.js within the js folder. Give it a handle of my_plugin_frontend_js, make it dependent on jQuery and display at the bottom of the page.

plugin.php 
<?php
function my_plugin_frontend_scripts(){

wp_enqueue_style( 'my_plugin_frontend_css', plugins_url(  'my-plugin/css/front-end.css' ) );
  wp_enqueue_front_end.js('my_plugin_frontend_js',)
}




?>

1 Answer

Chase Marchione
Chase Marchione
155,055 Points
Chase Marchione
Chase Marchione
155,055 Points

Hi there,

The function to enqueue a script is wp_enqueue_script.

  • The first argument is the hook's name.
  • The second argument is used to assure that the correct URL is enqueued.
  • The third argument is an array of dependencies (in this case, we want it to be dependent on jquery.)
  • For the fourth argument, all that is needed here is an empty string (this argument is for the script's version number.)
  • The fifth argument is a boolean as to whether the script is to be loaded in the footer.
wp_enqueue_script( 'my_plugin_frontend_js', plugins_url( 'my-plugin/js/front-end.js' ), array('jquery'), '', true );

Hope this helps!