Sometimes you need to put scripts on a specific page in WordPress. Frameworks
like Genesis have boxes where you
can add header or footer scripts. Most don’t, though. Here is how to load
scripts on specific pages in WordPress with the
functions.php in your theme folder, you’ll need to add an action for the
wp_enqueue_scripts hook. This will be a function pointing to the script.
get_stylesheet_directory_uri() to link to the script. This means if
your theme’s main
style.css is in
“example.com/wp_content/themes/twentysixteen/style.css”, your script should be
Pick one the the scenerios below and add the code to your
in your theme. Make a backup of it first in case you mess something up.
This will work for the whole site:
This will work for just a specific page. Switch “052” with your page ID. Here is how you find the page ID.
If you have one of those fancy themes that generates a front page that you edit in the Customizer but it doesn’t have a page ID, but you only want it to display on the front page, don’t fret. WordPress has a is_front_page function: