1

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

我想使用 class="a2ml-form-selector" - 但是我使用此代码应用的 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 面板中 - 它已加载到主站点。如何在管理面板中使用 CSS 样式？

谢谢

4

1 回答 1

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

但这不是最好的方法。

于 2013-02-21T23:17:26.527 回答