Wordpress - Use CSS in Plugin

Question

i wrote a CSS plugin for TinyMCE to add a new button to the editor's menubar. I click on the button and a popup opens, the content - written in JS - looks like this:

var form = jQuery('<div id="a2ml-form">\ <div
class="a2ml-form-selector">Landingpage Quiz</div>\ <div
class="a2ml-form-selector">AR Quiz</div>\ </div>');

I want to use the class="a2ml-form-selector" - but the CSS which i applied with this code:

function add_to_head() {
    $url = trim(get_bloginfo('url'), "/");
?>
    <link rel="stylesheet" type="text/css" href="<?=$url?>/wp-content/plugins/a2m_landingpages/a2m_landingpages.css">
<?
}

add_action('wp_head', 'add_to_head');

is not loaded into the wp-admin panel - it is loaded to the mainsite. How can use CSS styles in the admin-panel?

Thanks

You're using the wrong hook.

Nick Pickering
– Nick Pickering

2013-02-21 23:15:09 +00:00
Commented Feb 21, 2013 at 23:15 — Nick Pickering
– Nick Pickering, Commented Feb 21, 2013 at 23:15

Nick Pickering · Accepted Answer · 2013-02-21 23:23:49Z

1

You really shouldn't be writing out your own link tags like that. You should be using the admin_enqueue_scripts hook:

function load_custom_wp_admin_style() {
    wp_register_style( 'a2m_landingpages_css', plugin_dir_path( $plugin_filename ) . '/a2m_landingpages/a2m_landingpages.css', false, '1.0.0' );
    wp_enqueue_style( 'a2m_landingpages_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

http://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts

You might be able to get away with:

add_action('admin_enqueue_scripts', 'add_to_head');

but it's not the best way.

edited Feb 21, 2013 at 23:23

answered Feb 21, 2013 at 23:17

Nick Pickering

3,2053 gold badges32 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

Wordpress - Use CSS in Plugin

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