How to enqueue scripts on custom post add/edit pages?

3 comments

1. You can do it like this (put in your functions.php) :

   function add_admin_scripts( $hook ) {
   
       global $post;
   
       if ( $hook == 'post-new.php' || $hook == 'post.php' ) {
           if ( 'recipes' === $post->post_type ) {     
               wp_enqueue_script(  'myscript', get_stylesheet_directory_uri().'/js/myscript.js' );
           }
       }
   }
   add_action( 'admin_enqueue_scripts', 'add_admin_scripts', 10, 1 );
   

   Log in to Reply

2. There’s a hook for that, and it’s dead-simple to use. See this tutorial for an example implementation.

   Edit

   Justin moved his tutorials from DevPress to his personal site. Here’s the updated link for the tutorial.

   Log in to Reply

3. Rootstheme (which is based on Twitter Bootstrap) has a really elegant way of loading scripts depending on the page/post type as seen in the roots_scripts function which can be seen here on github.

   Basically register all your scripts and styles then have conditional statements that wrap your wp_enqueue_script or wp_enqueue_style statements.

   Log in to Reply