Custom css and JS on some admin pages in Wordpress

Question

I created a plugin to export some specific content in Wordpress ( called cav and located in /wp-content/plugins/cav ) and I added its admin menu link in the Tools main menu as follows:

define( 'CAV_DIR', plugin_dir_path( __FILE__ ) );
define( 'CAV_URL', plugins_url()."/cav" );

function cavlfo_admin_enqueue($hook) {
global $post;
if ( $hook == 'post-new.php' || $hook=='tools.php?page=CAV' ) {

        wp_enqueue_style( 'cavlfo_style', CAV_URL. '/css/cav.css' );
  wp_enqueue_style(  'cavlfo_targetted', CAV_URL.'/css/targettedcss.css' );
        wp_enqueue_script(  'cavlfo_targetted', CAV_URL.'/js/targetted.js', array("jquery") );
}
}
add_action( 'admin_enqueue_scripts', 'cavlfo_admin_enqueue' );

All this works fine when I used

if( $hook == 'post-new.php' || $hook=='tools.php' ){ . . .}

but I want it to work ONLY when it's actually

if( $hook == 'post-new.php' || $hook=='tools.php?page=CAV' ){ . . .} (Only on the page is CAV )

Any suggestion?

After some digging, I found this and it did the trick wordpress.stackexchange.com/questions/41207/… — PHPer
– PHPer, Commented Dec 23, 2016 at 14:06
suggestion... You can also asnwer your own question, it will help future people to find the answer right away, instead of navigating through links. — andrepaulo
– andrepaulo, Commented Dec 23, 2016 at 15:30

PHPer · Accepted Answer · 2016-12-26 04:48:06Z

1

After some digging I got this:

function CAV_options_page()
{
  $submenu= add_submenu_page(
        'tools.php',
        'Cav Options',
        'Cav Options',
        'manage_options',
        'CAV',
        'CAV_options_page_html'
    );
add_action( 'admin_print_styles-' . $submenu, 'CAV_custom_enqueue' );
add_action( 'admin_print_scripts-' . $submenu, 'CAV_custom_enqueue' );
}
add_action('admin_menu', 'CAV_options_page');

Then I put the styles and scripts that need to be enqueued in a function

function CAV_custom_enqueue(){
    wp_enqueue_style(  'cav_targetted', CAV_URL.'/css/targettedcss.css' );
    wp_enqueue_script(  'cav_targetted', CAV_URL.'/js/targetted.js', array("jquery") );
}

I hope it helps someone.

edited Dec 26, 2016 at 4:48

answered Dec 23, 2016 at 16:01

PHPer

6744 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Custom css and JS on some admin pages in Wordpress

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related