free slot credit.Claim Your Free 999 Pesos Bonus Today

Properly Include Three CSS Files And Three JS Files

mrcangrejero — Mon, 19 Mar 2018 16:57:31 +0000

I’m building my own theme. I want to use functions.php to load three CSS files and three JS files in the following order:
bootstrap.min.css
main.css
style,css

bootstrap.min.js
main.js
jquery

How should I write the function. Any guidance appreciated. Thanks!

Reply To: Properly Include Three CSS Files And Three JS Files

Steven Stern (sterndata) — Mon, 19 Mar 2018 17:05:12 +0000

See wp_enqueue_script and wp_enqueue_style

https://developer.www.ads-software.com/reference/functions/wp_enqueue_script/
https://codex.www.ads-software.com/Plugin_API/Action_Reference/wp_enqueue_scripts
https://developer.www.ads-software.com/reference/functions/wp_enqueue_style/

Reply To: Properly Include Three CSS Files And Three JS Files

bcworkz — Mon, 19 Mar 2018 19:26:52 +0000

Steve is correct, the files need to be enqueued. Furthermore, to ensure they are listed in the proper order, you need to specify which files should be loaded before the one being enqueued by using the dependencies argument. To specify dependencies this way, files need to be registered in order to have a usable “handle”. Use wp_register_style() and wp_register_script(). Once registered, files can be enqueued simply by referencing their handle in the dependencies array when enqueuing the most dependent file.

Note that the WP jQuery library is pre-registered as “jquery”. This version runs in noConflict mode, so the $ shortcut is invalid unless a “noConflict wrapper” is used. Look at the user notes at the bottom of the wp_enqueue_script() docs page for specifics.