1. Skip to note content

   You must log in to vote on the helpfulness of this noteVote results for this note: 3You must log in to vote on the helpfulness of this note

   Contributed by Drew Jaynes — 2 years ago

   Basic Example

   /**
    * Proper way to enqueue scripts and styles.
    */
   function wpdocs_theme_name_scripts() {
       wp_enqueue_style( 'style-name', get_stylesheet_uri() );
       wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
   }
   add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );
   
2. Skip to note content

   You must log in to vote on the helpfulness of this noteVote results for this note: 1You must log in to vote on the helpfulness of this note

   Contributed by joncomputing — 2 years ago

   Instead of this Action, use ‘admin_enqueue_scripts’ for Admin pages and ‘login_enqueue_scripts’ for the login page.
3. Skip to note content

   You must log in to vote on the helpfulness of this noteVote results for this note: -5You must log in to vote on the helpfulness of this note

   Contributed by abdessamad idrissi — 3 years ago

   This actions passes an argument $hook that is handy when for example to prevent the script from loading on certain pages;

   function wpdocs_enqueue_scripts( $hook ) {
   	// Load only in add new post page
   	if ( is_admin() && 'post-new.php' !== $hook ) {
   		return;
   	}
   
   	// rest of your code here..
   }
   add_action( 'wp_enqueue_scripts', 'wpdocs_enqueue_scripts' );
   

Have a note or feedback to contribute?