The proper way to include styles and scripts is with the wp_enqueue_script() and wp_enqueue_style() functions. The codex pages on both of these functions covers how to use them very well. Basically you just need to give the script the source (do it relative to your current PHP file) of the script/style and a slug to reference it by. If you’re enqueueing conditionally, then you should look at wp_register_script() and wp_register_style() as well.
Related Posts:
- remove links from images using functions.php
- Where and how to put inline js in pages
- Does WordPress Development Mode Exist (with not minified JS)?
- opening links in new tab using – add_filter( ‘the_content’, ‘make_clickable’);
- Apply jquery script to only woocommerce product pages and categories
- Run Product Filter Javascript On Page Template
- Enqueuing External Javascript functions.php
- How to enqueue JavaScript for specific WordPress pages only?
- Defer all js except certain ones in functions.php file
- Enqueuing Script in functions.php vs on the page
- Properly applying nonce to a form using AJAX
- Clean-up script tags
- Search user metadata with checkboxes via ajax (almost working)
- wp_enqueue JavaScript in child-theme (ReferenceError) using Search & Go
- Why is my Gutenberg block returning an error after initial save?
- jquery won’t load in footer
- How to properly add NPM packages and integrate them in WordPress?
- Change Rating range in Link Manager
- How to filter a table in post content without plugins? [closed]
- Get Current User info using wp_localize_script, in functions.php
- How to get the post_name when in preview?
- How to automatically remove links from WordPress Biographical Info?
- Replace menu links with # and add name to its li
- wp_is_mobile dequeue not working
- Why won’t my scripts load?
- Loading CDN that requires jQuery in WordPress
- How to hide unused profile fields?
- wp_register_script(… $in_footer = true) not working
- How can I modify all existing tags while keeping the urls themselves?
- Scripts not appending to element in AJAX call – why?
- call of javascript function to external url always blocked by cors
- Add dynamic links in WordPress custom theme
- Including a specific Javascript Script in a template. Is my code correct?
- How to search using ajax for exact phrase or words in an input field?
- how to en-queue jQuery to load before the tag
- Overwriting the menu break points of twentysixteen in child theme
- How do I remove the date and category form my portfolio pages
- I can’t enqueue my scripts – They literally aren’t being added to my site
- Can’t filter wp_get_attachment_link
- Javascript function not working when placed in Text Block
- Get arguments from URL
- I have problems with loading javascripts
- Adding javascript to functions.php causes problems with my template
- Dequeue script to prevent javascript event conflict on wordpress child theme
- Run a jquery script on on a certain template page
- Using Static HTML instead of the `home_url()` WP function
- Enable right click on WordPress site
- The correct way to add a JavaScript in the functions.php [closed]
- Javascript not loading after the document ready
- Theme JS is available but theme CSS isn’t
- Auto scroll to id on page load on all pages except home page. Only do this on mobile
- Need help with customalert that it would read on a normal page, but not in WordPress
- How to load jQuery in TOP of wp_footer?
- Include Jquery libraries in wordpress theme?
- How to convert raw url to hyperlink?
- Linking Javascript in functions.php file
- Dequeue scripts in IE7 only using functions.php
- Why a SlideShow (made using JQuery FlexSlider) can’t work if I load it form functions.php but work if I load it from my footer.php file? [closed]
- Creating multiple category drop down
- Creating a custom wordpress widget and stopping js from running twice(once in active widget once in widget selector)?
- How to setup a popup registeration page in wordpress with function.php
- Custom attributes to javascript tags
- wp_enqueue_script() not working
- How to change text color depending on the number value (Using javascript)
- Add custom taxonomy using JS in post editor
- wp_set_object_term via js btn frontend
- Display Script in Header When URL Variable Present
- Running javascript without hooking wp_head
- Best practice to call a function from a button-link?
- Ajax in plugin fails – but only on one blog – no idea why
- How to add javascript code into Divi child theme?
- Changing the default view of “The Events Calendar” for mobile
- How Can I Concatenate A String With One Of My Custom Field Value Before Saving The Post?
- How To Display Author Popup on Entry Meta (Genesis Framework)?
- Changing author links on homepage to buddypress profiles – without affecting ability to link to author archive throughout the site
- Help wiht adding fullcalendar.io to a WordPress page
- Multiple Notifications SetInterval
- Get child-pages slugs of current page into js-file
- admin-ajax.php & my wp-admin folder url showing in header
- Disable links to images only if link is an image
- Some code is added automatically to my site’s header – what is it?
- wordpress ajax is not working for dropdown selection
- Javascript and Stylesheet in child page
- Automatic add space if user enters number(any digit)
- Search and Replace Script Loader in Head Only Works in Footer
- custom post with loading script per single post
- Why are some custom javascript files working but some are not
- WordPress Javascript Widget jQuery Dependency Issue
- How to Add A Rel Filter to All Links?
- java script error Uncaught SyntaxError: Unexpected token ILLEGAL
- Add gallery id to rel attribe of wp_get_attachment_link
- How do I get my nav menu to show sub pages?
- Why wp_ajax hooks doesn’t work?
- How can I append and prepend something to all post hyperlinks without using ::before or ::after? PHP hook solution?
- new to javascript – using in instead of functions.php, not loading correctly
- comment_post function with js not running
- Vimeo video play button color function
- Second featured image only shows in metabox preview after saving a post in the wordpress editor
- Help with adding fullcalendar.io to a WordPress page
- Function to filter numbers from string