Wordpress - 在插件中使用CSS

Question

我为TinyMCE编写了一个CSS插件，为编辑器的菜单栏添加一个新按钮。我按一下按钮和一个弹出打开，内容 - 写在JS - 看起来是这样的：

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

我想使用类=“a2ml外形选择” - 但我施加了CSS此代码：

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'); 

没有加载到wp-admin面板 - 它被加载到main网站。如何在管理面板中使用CSS样式？

感谢

Answer 1

你真的不应该写出自己link标签这样。你应该使用admin_enqueue_scripts钩：

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

您也许能蒙混过关：

add_action('admin_enqueue_scripts', 'add_to_head'); 

但它不是最好的办法。