How can I move CSS/JS scripts into the footer?

[jaswrks]

---

KB Article Creation Checklist

• Write initial draft for this KB Article; label this issue draft and either questions or tutorials
• Add required YAML configuration
• Add Tags for this KB Article to the YAML config (see YAML Keys (Explained))
• Edit and finalize draft for publishing (remove draft label, add draft-finalized label)
• Assign Issue to yourself and create Markdown file (remove draft-finalized label, add pending)
• Project Lead: Review and Publish KB Article (remove pending label, add published label)

---

View Markdown File | ✏️ Edit Markdown File
📃 Published KB Article: http://zencache.com/kb-article/how-can-i-move-cssjs-scripts-into-the-footer/

---

[raamdev]

Awesome article! I added the missing questions label.

[jaswrks]

I added the missing questions label.

Ah. Thanks! I forgot that was needed.

[raamdev]

Published! http://zencache.com/kb-article/how-can-i-move-cssjs-scripts-into-the-footer/

[pkiula]

It'll be nice to have a sample of where and how the wp_enqueue thing can be put. In functions.php file?

[raamdev]

@pkiula Please see the WordPress Developer Documentation: https://developer.wordpress.org/reference/functions/wp_enqueue_script/

[pkiula]

Thank you raamdev. Naturally I saw that, but it didn't completely do away with my doubts. Let's say I have the following scripts in the footer and I'd like Comet Cache to compress and minify them just before the closing body tag. Where should I put the wp_enqueue.. function. In my functions.php file? Thank you.

<!-- footer-scripts -->
    <script src="js/vendor/jquery.js"></script>
    <script src="js/vendor/jquery.transit.min.js"></script>
    <script src="js/vendor/what-input.js"></script>
    <script src="js/vendor/foundation.js"></script>
    <script src="app.js"></script>
<!-- footer-scripts -->

</body>
</html>

[raamdev]

@pkiula Yes, functions.php would work. But if you've got a plugin or theme already enqueuing those scripts, you'll need to modify them to enqueue the scripts in the footer (the wp_enqueue_script() function accepts a $in_footer parameter that lets you define that the script should be loaded in the footer... you're not supposed to place the wp_enqueue_script() function in a special place to have it load the script in the footer...).

If you need help with WordPress functions and their usage, I recommend posting on the WordPress Support Forum. We reserve GitHub for filing bug reports, making feature requests, and submitting specific feedback related to our KB articles.