If you wish to register WordPress JavaScript and/or stylesheet dependencies, the API provides functions that make this easy – it’s straightforward both for JavaScript and for stylesheets.
Whenever you’re doing any kind of work in which you find yourself making frequent calls to these functions, it may help to include a helper function to make it a bit easier.
Here’s an example function that I’ve used in a few of my projects:
/** * Helper function for registering and loading scripts and styles. * * @name The identifier to register with the WordPress API * @file_path The path to the actual file * @is_script Optional argument for if the incoming file_path is a JavaScript source file. */ private function _load_file($name, $file_path, $is_script = false) { $url = $url = plugins_url( $file_path, __FILE__ ); $file = plugin_dir_path( __FILE__ ) . $file_path; if( file_exists( $file ) ) { if( $is_script ) { wp_register_script( $name, $url, array( 'jquery' ) ); wp_enqueue_script( $name ); } else { wp_register_style( $name, $url ); wp_enqueue_style( $name ); } // end if } // end if } // end _load_file
An example use case is as follows:
$this->_load_file( 'my-plugin-admin', '/my-plugin/css/my-plugin-admin.css' );
Although it’s not much, this can save a bit of time if you’re frequently working to register a number of different script and style dependencies.
Leave a Reply
You must be logged in to post a comment.