What are the options for running custom css and javascript files on a page?

You can use WordPress built in functionality Function Reference/is page and attach a if statement in your script_enqueue() function in your functions.php file.

Read more in the Codex:

https://codex.wordpress.org/Function_Reference/is_page

Here’s an example from a theme I’m building:

if (is_page( array('mortgage-calculator', 'contact' ) )){
            wp_enqueue_script('angularjs', get_template_directory_uri().'/js/angular.min.js', array(), '1.4.1', true);
            wp_enqueue_script('d3', get_template_directory_uri().'/js/d3.min.js', array(), '10/22/2015', true);
            wp_enqueue_script('c3-js', get_template_directory_uri().'/js/c3.min.js', array(), '10/22/2015', true);
            wp_enqueue_script('c3-css', get_template_directory_uri().'/css/c3.min.css', array(), '10/22/2015', false);
            wp_enqueue_script('fcsaNumber', get_template_directory_uri().'/js/fcsaNumber.min.js', array(), '1.0.0', true);
            wp_enqueue_script('mortCalcApp', get_template_directory_uri().'/js/mortCalcApp.js', array(), '1.0.0', true);
    }

These files will only be used on these two pages.

Related Posts:

  1. Adding a Calculator to a WordPress Page
  2. Converting HTML to WordPress theme: integrating pages function and using its text editor, conditional enqueuing
  3. Add infinite scroll to content splitted post
  4. Prevent WordPress from adding linebreaks to javascript embedded in a page
  5. How do I load custom scripts and styles for a page?
  6. Using JavaScript and JQuery in Page
  7. Backend option to include a javascript file on specific pages?
  8. wordpress with many custom styled static pages
  9. WASM page in WordPress website
  10. Can I include Javascript/jQuery in a page?
  11. Add a predefined page to site
  12. Add external css to Contact Page
  13. External stylesheet per page
  14. Prioritize visible content – Page speed issue on Google insights
  15. JQuery Plugins in WordPress
  16. Change a Page’s Header Image
  17. loading a javascript on a WP PAGE
  18. trouble with page_id & highlighting current page
  19. Styling Previous/Next Pages differently from Index
  20. How To Render Shortcode In AJAX Response?
  21. Different css file not working for the page template I created
  22. Showing Different Code on Pages With Different Layouts
  23. Multiple Loops That Pull Pages (Child/Grandchild) While Styling the First Entry
  24. Stop playing music (rev slider) when user opens new tab
  25. Set different heights per screen size with inline styles CSS into the ‘Text’ section of a Page
  27. WordPress default theme cannot get full page on entry content div
  28. How can a .css file be applied to a virtual page?
  29. Press This for Page
  30. Blank white space where header was [closed]
  31. Adding CSS styles to Admin Area PAGES only (not POSTS or CPT)
  32. How to set up php,javascript and css to allow for our finished product to be displayed within a page?
  33. CSS Styling for a Page/ Site made with Pagelines
  34. How to align bold,italic and underline in wp-admin?
  35. Javascript will not run properly
  36. Edit the text location of a form
  37. custom css in one page
  38. Set timeout for ajax (jQuery)
  39. CSS height 100% percent not working
  40. Fully responsive HTML5 video
  41. Positioning
  42. Get the content of a specific page (by ID)
  43. Show Default Editor on Blog Page ( Administration Panel )
  44. How to redirect on particular page in wordpress? [closed]
  45. Restrict acceess of a page in backend
  46. Too many pages causes WordPress admin to be unusable
  47. How to get the list of posts in a static page other than front page?
  48. How can I make Disqus comments not show up on pages?
  49. Enqueuing Script in functions.php vs on the page
  50. CMS: Making complex pages editable by the end user
  51. Show child pages when on a child page
  52. Sitewide page on all the blogs in the network
  53. How to display thumbnail and excerpt of a page on homepage?
  54. How to create a page when a theme is activated?
  55. Creating a form contact page?
  56. Problem With Pages Displaying
  57. Removing the TinyMCE editor for a given page template
  58. Missing Pages (Drafts?)
  59. Getting to a specific page on website using specific code instead of navigation bar
  60. Can’t see content on page to edit
  61. Show own shortcode data on each page
  62. How can I get the homepage from the loop?
  63. Suddenly forbidden 403 error on some pages
  64. How do I Name a WP page in the New(ish) Block Editor?
  65. How to select a specific page
  66. This code won’t find authors page?
  67. WordPress backend:How to hide some specific pages under Pages–>All Pages
  68. Different header for each page in child theme of twenty thirteen
  69. get specific value of a array | PHP
  70. How do I edit text displayed on my browser tab?
  71. Keep page hierarchy in wp_list_pages, even if on a child or grandchild
  72. Order by modified date working in POSTS but not PAGES
  73. on page creation few inline style properties gets removed
  74. Plugins not showing up for custom template
  75. way to make all pages with certain tags public?
  76. Page not appearing under its Parent
  77. Can I use Pages like a Wiki
  78. list child-pages as normal pages?
  79. return page name in url
  80. uncaught TypeError: Cannot read properties of null (reading ‘classList’) custom plugin
  81. How do I minify a plugins CSS/JS code?
  82. Search anything from a Child and Sub-Pages of their Parent page
  83. Can i use 2 page content-forum & content-forum-slug on bbpress?
  84. Change page width in refined magazine/mag and news theme
  85. How do you run code on a specific page without missing the init hook?
  86. Display meta data attribute in user profile
  87. Assign Parent Page – Now 404 Error
  88. Speeding up WordPress on a Local Network
  89. WordPress displays widgets out of whack
  90. WordPress form submit to custom page template does not work
  91. How do I locate a third party page represented as a slug in my WordPress website?
  92. Customise the_title in admin area
  93. WordPress Admin Thickbox: Remove Margins/Padding
  94. Pageview all of sudden not working
  95. Childpage title + content on Parent Page
  96. Filter posts by author selected in page
  97. Temporary download page or restrict static download page based on how the user got to the page?
  98. List Parent page with sub pages
  99. How to keep close a sub-menu under homepage? [closed]
  100. WordPress is picking up links that don’t exist

Leave a Comment

techhipbettruvabetnorabahisbahis forumueduseduedusedusedusedusedueduseduedu