I can’t add CSS with functions.php

Before adding any file you must seperate your header.php file & add wp_head() function in header.php file

    // Load the theme stylesheets
    function theme_styles()  
    { 
        // Example of loading a custom css file for homepage just on the homepage
        wp_register_style( 'custom', get_template_directory_uri() . '/css/custom.css' );
        if(is_page('home')) {
            wp_enqueue_style('custom');
        }
        // Example of loading a main css file on all pages
        wp_enqueue_style( 'main', get_template_directory_uri() . '/css/main.css' );

        // Example of loading js files on all pages
        wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js');
    
}
    add_action('wp_enqueue_scripts', 'theme_styles');

In this case the js files will be loaded on inside the <head></head> tag. If you want to load the js files in ths bottom you must need to add <?php wp_footer() ?> on your footer. And then you need to call the wp_enqueue_script() this way.

wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js','','1.1', true);

This true boolean is the answer of the $in_footer parameter of wp_enqueue_script() function. ( See Doc )

Related Posts:

  1. Split Media Queries in different files!
  2. Some questions about how proper add 2 CSS file in a WordPress theme?
  3. Advanced method to control cache of enqueued style/script
  4. How to reference different css (bootstrap) stylesheets for the header and body of a page?
  5. How to load scripts/styles specific for a page
  6. TinyMCE custom stylesheets for different post types
  7. Dequeue Scripts and Style for Mobile not working?
  8. Child Theme Not Overriding Parent Theme
  9. Enqueue styles after a plugin
  10. How to add background image control to page admin controls?
  11. Register and enqueue style.css custom theme
  12. Enqueue Style Only On Certain Pages Not Working
  13. Why does the ‘wp_nav_menu’ function work only until a menu is created?
  14. enqueue styles for only mobile wp
  15. different style sheet for just one page template
  16. How to insert class in each list of categories?
  17. Parent theme styles overriding child theme CSS [closed]
  18. Theme JS is available but theme CSS isn’t
  19. Proper Way to Load stylesheet on Condition
  20. why can’t i add front.css to my frontpage.php
  21. get_template_directory_uri() links to child theme not parent
  22. Page Template Won’t Load Correct CSS File
  23. Problem with displaying CSS Stylesheets – Am I adding them correctly in my wordpress child theme?
  24. Test CDN link from function.php or wp_enqueue_script/style?
  25. CSS style and app.js not loading
  26. Stylesheet does not load despite functions.php
  27. How do I dequeue a Stylesheet, stored in an ‘Assets’ folder?
  28. Child Theme not loading multiple stylesheets
  29. Should I use `get_stylesheet_uri()` or `get_template_directory_uri()` when calling my CSS Stylesheet?
  30. Why don’t ‘wp_nav_menu’ CSS classes work until a menu is created?
  31. wp_head not injecting css
  32. How to enqueue style before style.css
  33. Display random categories on the front page (Finding and Editing Theme Functions)
  34. How to get woocommerce inventory status [closed]
  35. Avoid to load default WP styles in login screen
  36. How to use get_template_directory_uri() to load an image that is in a sub-folder of my theme?
  37. How do I create a new WP admin color scheme?
  38. Add attribute to link tag that’s generated through wp_register_style?
  39. Organize functions.php
  40. How to override functions.php in child theme?
  41. is_front_page not working in functions.php
  42. Adding inline styles from a widget
  43. I created a child theme and it doesn’t work for some of the css files
  44. Enqueue script o style only if a template part is loaded
  45. Enqueued Stylesheets Effecting Admin Styles
  46. How to override enqueued styles using a child theme
  47. Dequeue script in template isn’t working
  48. Add external js file to footer with id
  49. Changing itemprop from logo to image on custom logo?
  50. Relative path in wp_register_style not working
  51. How to call custom function from functions.php in site-wide template files?
  52. Logic to Print/echo a css class only for 1st post and ignore all post after 1st? [closed]
  53. Add class or ID to any WordPress function
  54. Child theme style.css versioning
  55. How to enable template page only for a post id page
  56. is_customize_preview() like function to check if Customizer “Live Preview” in JavaScript
  57. WordPress Menuing Question :focus
  58. Font Awesome 5 Free – far working but fas is not? [closed]
  59. Remove stylesheets from Campaign Monitor plugin
  60. How remove render blocking css from wordpress when you build a theme?
  61. Redirect to another page using contact form 7? [closed]
  62. Check if the image size is available and if not use ‘full’ image size
  63. Remove Custuomize Sections
  64. Can we create our own theme’s function.php?
  65. Not all CSS elements transferring via parent to child?
  66. get_pages() Returns Only One Item
  67. get_template_directory adding FTP root folders in urls
  68. Having issue with WordPress wp_enqueue_style
  69. problem loading stylesheets to wp_head dynamically
  70. Getting the teaser text without overriding global variables
  71. How to pass variables from one function to another or combine functions
  72. How to store a number (coming from cookie) into query vars for later usage in other filters?
  73. remove/hide wp-editor
  74. What is the correct way to include my new functions and scripts in WordPress?
  75. wp_nav_menu work in functions.php but not in the theme
  76. Load CSS before Theme CSS
  77. WordPress wp_dequeue_script remove all other scripts
  78. Can’t load assets
  79. Can I use ‘Featured Image’ as a hero image and a thumbnail?
  80. wp_title() return random number
  81. function class doesnt work
  82. How to offset main query without affecting other queries and backend
  83. how to remove a tag in the_category function
  84. How to add styles in existing function?
  85. How to retrieve image IDs from shortcode content?
  86. I need to ‘wp_dequeue_script’ and ‘styles’ and ADD a bunch of other css and js
  87. Correct way of Enqueue self hosted fonts in sass project
  88. How to create admin ajax function for my contact form
  89. Class::$template_dir_path=get_template_directory();
  90. wordpress not calling peliegro functions.php?
  91. Language switcher for subdomains
  92. How to add next height number in Order Attributes inside the Add new page. [duplicate]
  93. Load a Child Theme’s style.css just before the closing tag
  94. Functions.php in child theme that loads CSS file breaks website
  95. Print all inline styles to head
  96. Add the title of a widget as an ID – for anchor links
  97. Add custom css to theme
  98. How to get postId from the argument $block when register_block_type()?
  99. WordPress is adding pagination for all pages not only for blog page, How to remove pagination for all pages except blog/posts page?
  100. Setcookie not setting cookies anywhere except admin