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. When should I use wp_register_script() with wp_enqueue_script() vs just wp_enqueue_script()?
  3. wp enqueue inline script due to dependancies
  4. How do I dequeue a parent theme’s CSS file?
  5. Check if a script/style was enqueued/registered
  6. wp enqueue style on specific page templates
  7. Is it possible to use wp_localize_script to create global JS variables without a specific script handle?
  8. How do I get the $handle for all enqueued scripts?
  9. How to load css in the footer [duplicate]
  10. How can I get a list of all enqueued scripts and styles?
  11. Load CSS/Javascript in frontend conditionally if block is used
  12. How to properly dequeue scripts and styles in child theme?
  13. Prevent Version URL Parameter (?ver=X.X.X) on Enqueued Styles & Scripts
  14. Register a script to be enqueued both in admin and front end
  15. How can I enqueue protocol relative external (//ajax.googleapis.com/…) scripts?
  16. Can’t enqueue scripts in the footer?
  17. How can I remove the site URL from enqueued scripts and styles?
  18. How can I de-register ALL styles all at once? And same with Javascript?
  19. Loading a script with a dependency, is unloading another script’s dependency
  20. wp enqueue script using scripts from cdn with a safety callback
  21. Can I add styles to footer with $wp_styles->add_data?
  22. Cannot deregister a script using wp_deregister_script
  23. Conditional wp_enqueue_script on a page
  24. Enqueue custom font file with rel=”preload”
  25. Protocol neutral URLS with wp_enqueue_script (SSL issues)?
  26. Enqueue script in specific page
  27. Removing specific style from wp_head
  28. How to dequeue / deregister any theme styles and scripts
  29. How to en-queue bootstrap 4 to theme?
  30. Notice that the wp_enqueue_style is not being called correctly!
  31. Why is jquery-ui-core enqueueing in my footer instead of the header?
  32. Is it safe/recommended to use wp_enqueue_script function outside the functions.php file?
  33. wp_enqueue script my_javascript_file in the footer
  34. Hyphens vs. periods in the script slug in wp_register_script?
  35. jquery script not enqueued in child theme
  36. Using wp_enqueue_script on shortcode function handler
  37. Get the list of enqueued/registered scripts for a specific post?
  38. How to load JQuery easing script in wordpress?
  39. Enqueue script only for IE
  40. Hook for writing text string after footer scripts
  41. Is This The Most Efficient Way To Add Javascript Files?
  42. Why does this line of code make photo albums appear?
  43. Add script to footer – on post editor
  44. Which action to hook wp_enqueue_script to? wp_head or wp_enqueue_scripts? [duplicate]
  45. enqueue and localize script in footer
  46. Issue with using Underscore in WordPress
  47. Conditionally dequeue dependency of scripts
  48. Trying to load different syles for 404.php page
  49. Enqueue Script with URL parameters
  50. What determines the order of enqueued styles?
  51. Track down where script is being enqueued from
  52. $wp_styles->registered not giving ALL the styles?
  53. Wp_head and wp_footer vs wp_enqueue_script javascript files?
  54. Benefits to enqueuing site scripts/stylesheets?
  55. Enqueue script only if page has an oembed
  56. Adding Custom Javascript to Skeleton Child Theme
  57. It would be a right way to enqueue the script using foreach loop?
  58. How to use wp_enqueue_style() and wp_enqueue_script() only when needed?
  59. Is this a bad implementation of wp_enqueue_script for conditional usage?
  60. Preload key requests using wp_enqueue
  61. Don’t load scripts if on mobile/tablet
  62. How to Add a Custom Script to Customize.php
  63. Remove a script from a template file using wp_dequeue_script
  64. Problem in wp_localize_script
  65. Remove specific CSS and JS from the head
  66. wp_enqueue_script vs. wp_register_script
  67. Enqueue scripts to a specific header-.php?
  68. Adding dependencies to script enqueing
  69. Which are the MediaElement.js scripts to enqueue
  70. Child Theme – what is the scope of overwriting files?
  71. Best way to enqueue extremely popular scripts like bootstrap and font awesome
  72. How to dequeue / deregister parent theme style
  73. Enqueue scripts to footer
  74. How to remove some external js files from source?
  75. Enqueued scripts and styles loading in WordPress Dashboard as well
  76. Why is it wrong to use admin_print_scripts-{hook} to enqueue a script (.js) file?
  77. Add last modified time as version to css and js
  78. Enqueue script on specific WooCommerce template
  79. The wp_enqueue_scripts hook doesn’t work at all, not from plugin, not from the template, not for frontend, not for admin pages!
  80. How can I load script and style in specific page in the back-end?
  81. Best spot for wp_register_script() and wp_register_style()
  82. Custom Plugin Development: What priority should wp_enqueue_scripts have?
  83. Enqueue script with url_query variables?
  84. Select2 in WordPress
  85. wp_enqueue_script with dependencies doesn’t work
  86. How to switch css files according to devices and button click?
  87. How to control the order of the combination of enqueued styles and scripts – site speed issue
  88. Register script/style: Is it possible to customize the version query string via plugin?
  89. Performance-wise, is it better to enqueue a (small) script on every page or test to see if it’s needed?
  90. scripts not enqueueing
  91. Help with enqueing scripts in footer after init action
  92. Bootstrap js refuses to load
  93. Asset loading with gulp.js or Grunt
  94. Enqueue AWS Script
  95. Stop WordPress editor embedding links
  96. How can I make sure my JS script gets executed first, among other scripts?
  97. Adding custom fonts (local) to WordPress?
  98. Enque Typekit Fonts – Not Found
  99. How to load script-related styles automatically?
  100. wp_enqueue_script order – external vs inline js
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)