Plugin add_action and add_menu_page

The main difference is the location where the style (link) or script tag be in the source, or whether the resource is loaded in head or the footer.

  • With a add_menu_page()/add_submenu_page() callback like your foo_settings_page(), the style/script file would be loaded in the body (before the closing body tag), because the head has already been rendered by the time that the callback (foo_settings_page()) is called:

    <body>
    ...
    the content of your plugin page (added through foo_settings_page())
    ...
    ...
    <!-- The style/script file would be loaded here, in the footer. -->
</body>

  • With your foo_admin_enqueue_scripts() which is a load-<page hook> callback, the style/script file would be loaded in the head — but for a script, it could be in the footer; check the fifth parameter for wp_enqueue_script():

    <head>
    ...
    <!-- The style/script file would be loaded here, unless if the *script* is set
    to be loaded in the footer. -->
    ...
</head>

And I know there are certain cases where you need to load a style/script file right after a specific element is rendered on the page, but in most cases, style files should be loaded in head and script files in the footer — although in these modern days, scripts may be put in the head.

Related Posts:

  1. Enqueueing Scripts on a Custom Top-level Menu Page
  2. How do I dequeue a parent theme’s CSS file?
  3. Check if a script/style was enqueued/registered
  4. Is it possible to use wp_localize_script to create global JS variables without a specific script handle?
  5. Prevent Version URL Parameter (?ver=X.X.X) on Enqueued Styles & Scripts
  6. Register a script to be enqueued both in admin and front end
  7. How can I enqueue protocol relative external (//ajax.googleapis.com/…) scripts?
  8. Can’t enqueue scripts in the footer?
  9. How can I remove the site URL from enqueued scripts and styles?
  10. Loading a script with a dependency, is unloading another script’s dependency
  11. wp enqueue script using scripts from cdn with a safety callback
  12. Can I add styles to footer with $wp_styles->add_data?
  13. Enqueue script in specific page
  14. How to en-queue bootstrap 4 to theme?
  15. Notice that the wp_enqueue_style is not being called correctly!
  16. Hyphens vs. periods in the script slug in wp_register_script?
  17. jquery script not enqueued in child theme
  18. Get the list of enqueued/registered scripts for a specific post?
  19. Is This The Most Efficient Way To Add Javascript Files?
  20. Add script to footer – on post editor
  21. Which action to hook wp_enqueue_script to? wp_head or wp_enqueue_scripts? [duplicate]
  22. enqueue and localize script in footer
  23. Trying to load different syles for 404.php page
  24. Enqueue Script with URL parameters
  25. What determines the order of enqueued styles?
  26. Wp_head and wp_footer vs wp_enqueue_script javascript files?
  27. How to use wp_enqueue_style() and wp_enqueue_script() only when needed?
  28. Preload key requests using wp_enqueue
  29. How to Add a Custom Script to Customize.php
  30. Remove specific CSS and JS from the head
  31. Which are the MediaElement.js scripts to enqueue
  32. Child Theme – what is the scope of overwriting files?
  33. Enqueue scripts to footer
  34. Add last modified time as version to css and js
  35. Best spot for wp_register_script() and wp_register_style()
  36. Custom Plugin Development: What priority should wp_enqueue_scripts have?
  37. Register script/style: Is it possible to customize the version query string via plugin?
  38. Help with enqueing scripts in footer after init action
  39. Adding custom fonts (local) to WordPress?
  40. wp_enqueue_script order – external vs inline js
  41. Dequeuing scripts for all pages but the home page
  42. Optimizing WordPress’s styles and scripts
  43. Which jQueryUI handles are predefined in wordpress?
  44. Modernizr check first, then move on to wp_register_script()/wp_enqueue_script
  45. How to enqueue a style using wp_enqueue_scripts()?
  46. Deregister scripts on unnecessary pages using remove_action
  47. Prioritizing wp enqueue scripts error
  48. getting a js file for one page
  49. wp_enqueue and Dependencies
  50. How do you enqueue a Visual Basic script using wp_enqueue_script?
  51. Why are files enqueued with wp_enqueue_style and wp_enqueue_script 404 Not Found?
  52. enqueue admin styling and scripts only on plugin page
  53. jquery-ui-autocomplete is not loaded with wp_enqueue_script
  54. wp_enqueue_script Doesn’t Work?
  55. wp localizing script not works
  56. Is It Possible to add JS AFTER the Enqueue within the same Function?
  57. How can I manually enqueue plugin scripts
  58. How to enqueue JavaScript file that depends on CSS stylesheet
  59. How can I properly enqueue wp-hooks without issues?
  60. Enqueue customizer scripts that are bundled by webpack?
  61. Adding multiple wp_register_scripts for templates in WordPres?
  62. wp enqueue, how to prevent duplication when same script is registered with different handles
  63. Localizing script to pass a value to a javascript function
  64. get_template_directory_uri not dependent on WP_HOME in wp-config.php?
  65. Dequeue script conditonnally
  66. How do I get jQuery to Load before Bootstrap?
  67. Conditionally load script depending on current admin page
  68. Enqueue script inside IE conditional comments
  69. How can I integrate Fancybox 3 in WordPress properly
  70. How to enqueue default scripts with dependency?
  71. Enqueuing a script before anything else
  72. Should I use get_bloginfo(‘stylesheet_directory’) or get_stylesheet_directory_uri() when enqueueing my js files?
  73. How to load API’s in WordPress?
  74. call my script only after loading UI library?
  75. All of my Scripts and Enques are getting file not found
  76. If a Script has been enqueued but not registered can I still removed it?
  77. How Do I Enqueue a Script into 2 different Footers on the Same Site?
  78. how to load css and js based on post template
  79. How to register script with null value for version?
  80. link to JS library using wp_enqueue_scripts not working
  81. Using wp_enqueue_script on scripts that contain PHP
  82. Enqueue specific script on account creation (and never again)
  83. Proper enqueue for child theme functions.php
  84. loading javascript CDN with local fallback (not jQuery)
  85. How do I pass $in_foooter to wp_enqueue_script() without passing other params?
  86. Dynamic wp_enqueue_scripts?
  87. Why do I have to specify all parameters for wp_enqueue_script to load my jquery in the footer? [closed]
  88. Load scripts only for selected template
  89. How to do chunked JS files in WordPress?
  90. wp_enqueue_script error with `ID`, `post_title`, `post_name` of none object
  91. How to enqueue a script on a specific URL that contains multiple parts
  92. Enqueue Script only over specific WordPress core file
  93. wp_enqueue_script silently fails [closed]
  94. i can’t handle any style or Js file on my theme . what is the problem of this file?
  95. How to include a JS file in this theme?
  96. wp_enqueue_script was called incorrectly… i want to work with debug on
  97. Loop through arguments of a function
  98. wp_enqueue doesn’t load dependencies
  99. Should I use wp_register_style(), wp_enqueue_style, or both?
  100. How to give path to files in plugins folder?