You could use only one function to do all because it’s the same hook wp_enqueue_scripts
:
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
function my_scripts_method() {
//global $wp_styles; //here no use unless you have to use it in a conditional stylesheet for example
wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() );
wp_enqueue_script('custom-script', get_stylesheet_directory_uri() . '/js/trans.js',array( 'jquery'), null, false );
);
}
It’s no use modifying the header.php
, actually it’s better to handle scripts and stylesheets in functions.php
(or in a plugin) than hard coding templates. The recommanded way is to enqueue your stylesheets and scripts because you get a better control (dependencies, load, etc).
Related Posts:
- What is the preferred way to add custom javascript files to the site?
- Does the functions.php file ever get called during an AJAX call? Debug AJAX
- theme path in javascript file
- pass object/JSON to wp_localize_script
- Solutions for generating dynamic javascript / CSS
- Proper, exhaustive documentation for wp.editor etc
- Any alternate TinyMCE4 themes / subthemes?
- Is there a way to set the order of wp_footer hooked functions?
- Google Maps not displaying in wordpress using Google Maps Javascript API
- Trigger Customizer saving process with Javascript only
- What is the best practice for customizing a plugin’s JavaScript/jQuery?
- Changing the entire control choices using wp.customize with JavaScript
- How to Change CSS Variable value in Theme Customizer Live Preview
- Modifying JS files in Child-theme
- Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
- WordPress Customizer Control with React
- How to configure wordpress to work with Vuejs with SSR and without hashbang
- How to hook CSS file according to theme selection in the customizer section
- How to correctly add JQuery in a WP theme?
- using wordpress without javascript
- Including Javascript options
- JavaScript Change focus to password field login page being reset
- jQuery not available to other scripts
- How to make Isotope and WordPress work together?
- Single page site with history.js
- How to add material design css in wordpress and woocommerce
- Use second time navigation.js in underscores [closed]
- Theme Javascript.php Overwritten Nightly [closed]
- How to: JQuery multiple wordpress media uploader buttons in the same options page?
- How to get javascript slider to work! [closed]
- Theme Customizer not loading JS for live preview
- My jQuery is enqueued properly. So why isn’t it working?
- Enqueued JavaScript is not working
- How to register and enqueue JavaScript files without breaking plugin dependencies?
- How can I wrap all blog posts image with
- White screen when attaching css to function.php
- WordPress theme resource won’t load over VPN
- pass wordpress template directory into ajax url call
- theme-independent CSS/JS files
- Javascript development in Custom Themes
- add jquery file if a certain page is included
- enqueuing external and internal js and css in wordpress did not work with owl.js animate.css
- getBoundingClientRect() showing different values on load vs scroll
- wordpress script_loader_tag in function.php
- How to diagnose wp-env environment problem
- How to enqueue scripts properly with ES6 webpack?
- Ajax Comment Upvotes – Votes don’t always register
- change background image on scroll
- Customizer Image-Picker Preview Not Working
- Does any JavaScript file load automatically for index.php file?
- How would I get this to work – send to post from thick box
- Flexslider not working for my custom theme WordPress
- Theme customizer live preview JS- Trying to bind to an html image url without luck
- Can’t attach Javascript to theme
- Set start page depending on screen width [closed]
- wp_deregister_script was called incorrectly
- Paginated WP_Query doesn’t return 404’s, even when posts don’t exist
- Using wp_enqueue_script with social media buttons?
- How to convert that page to a wordpress template? [closed]
- wp_enqueue_script causes page to vanish
- How to reuse parts of WordPress site e.g. header, footer, part of header for multiple WordPress sites?
- Theme now uses require.js and enqueue script no longer works
- can’t add EVENT LISTENER to a element
- What is The Best Way to Make Parallax header effect for wordpress theme ?? pure CSS or using JavaScript? [closed]
- WP site makes mobile browser crash for high memory usage
- How can i move my product name & price from below thumbnail to be the rollover content in Avada & Woocommerce?
- jQuery Snippet Not Working on WordPress Site [closed]
- WP Customizer get control value on change
- Execute javscript when theme customizer loads (autosave issue)
- When trying to run build script with gutenberg (with SVG import) – Error: Plugin name should be specified
- Is there any halfway decent documentation on the wp.media JS class?
- How to override pluggable function in theme?
- Remove the word ‘Categories’ from wp_list_categories
- Using Bootstrap in themes
- Any walker causes blank menu?
- How to change post thumbnail title and alt attributes to post title?
- using wp_enqueue_script to attach jquery-ui
- Can not Remove Archives and Meta from Sidebar
- Similar Posts – NO plugin
- How to add multiple custom widget areas
- Change file name from wp_generate_attachment_metadata
- Obtain full v2 REST url?
- Creating multiple hooks for theme
- Show warning if plugin is missing
- How to provide support for [gallery] shortcode?
- WP_Customize_Color_Control omitting # symbol
- Need Help Fixing My Iframes [closed]
- Theme support title tag – how to replace the default WP separator (with a filter)?
- theme style is applied on the dhasboard rather than the website
- CSS added through customizer neglects the need of a child theme?
- Read more doesnt work with query posts
- Dynamic Image Links Depending on Excerpt/’Single Post’ View
- Custom fields for custom post types
- Sidebar not displaying (theme development)
- Cold Fusion to WordPress
- Make a custom field in admin post.php read only
- get_posts is duplicating
- WordPress Loop with Custom Post Type for Bootstrap Accordion [closed]
- How do I make it super customisable?
- Theme.json: creating different sections of the color palette