Title: Adding CSS/JS Links to Admin Head
Last modified: August 20, 2016
---
# Adding CSS/JS Links to Admin Head
* Resolved [AK Ted](https://wordpress.org/support/users/akted/)
* (@akted)
* [13 years, 7 months ago](https://wordpress.org/support/topic/adding-cssjs-links-to-admin-head/)
* I’m learning how to add menus to the admin page, i.e., for plugin/theme options
pages. What would be the proper way to inject a
` into the , but only when my custom
menu is selected?
* This is what I use to create the menu:
` add_action('admin_menu', 'akt_fd_create_menu');
function akt_fd_create_menu () { add_menu_page( 'My Options Page', 'My Option','
administrator', 'akt_fd_menu', 'akt_fd_options'); } function akt_fd_options (){
echo 'bacon'; } This works as expected. Now I want to add the css/js/whatever
to the , but only when “My Option” menu is clicked, not for other things
like Settings, Dashboard, etc. I tried: function akt_fd_options () { add_action('
admin_head', 'akt_fd_addtohead' ); echo 'bacon'; } function akt_fd_addtohead(){
echo ''; }
but it didn’t work. I imagine it’s too late at this stage to add to the head.
Viewing 1 replies (of 1 total)
* Thread Starter [AK Ted](https://wordpress.org/support/users/akted/)
* (@akted)
* [13 years, 7 months ago](https://wordpress.org/support/topic/adding-cssjs-links-to-admin-head/#post-3282417)
* Nevermind. I found the “correct” way to add styles to the head is to register
them, then enqueue when needed:
`wp_register_style` and `wp_enqueue_style`
* Here’s some sample code that creates the menu and injects the stylesheet to the
only when needed:
* ```
add_action( 'admin_init', 'akt_fd_init' );
function akt_fd_init() {
wp_register_style( 'akt_fd_style', plugins_url('/css/style.css', __FILE__) );
}
add_action('admin_menu', 'akt_fd_create_menu');
function akt_fd_create_menu () {
$akt_fd_menu = add_menu_page( 'My Options Page', 'My Option', 'administrator', 'akt_fd_menu', 'akt_fd_options');
add_action( 'admin_print_styles-' . $akt_fd_menu, 'akt_fd_add_styles' );
}
function akt_fd_add_styles() {
wp_enqueue_style( 'akt_fd_style' );
}
function akt_fd_options () {
echo '
bacon
';
}
```
Viewing 1 replies (of 1 total)
The topic ‘Adding CSS/JS Links to Admin Head’ is closed to new replies.
## Tags
* [admin](https://wordpress.org/support/topic-tag/admin/)
* 1 reply
* 1 participant
* Last reply from: [AK Ted](https://wordpress.org/support/users/akted/)
* Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/adding-cssjs-links-to-admin-head/#post-3282417)
* Status: resolved
## Topics
### Topics with no replies
### Non-support topics
### Resolved topics
### Unresolved topics
### All topics