Wordpress:独特的自定义插件CSS

时间:2018-12-03 22:27:04

标签: css wordpress

我想为我正在开发的多个WordPress插件添加自定义CSS。经过一番谷歌搜索之后,我设法找到了这段代码:

function namespace_custom_style() {
    wp_register_style('namespace', plugins_url('namespace/style/style.css'));
    wp_enqueue_style('namespace');
}
add_action('init', 'namespace_custom_style');

但是,与此有关的问题是,在此包含的文件中进行的样式化将在整个WordPress后台使用,而我希望每个插件都具有唯一的样式化。例如:

  • 对于 插件A ,我希望将元框放置在 发布 框下方,因为它只有很少的额外字段。
  • 对于 插件B ,这没有任何意义,因为该插件允许用户选择自定义样式,例如子元素的位置,颜色等。因此,我希望将其保留在MCE之下,以更好地利用更广阔的空间。

我知道存在一个ID为 [plugin_name] _meta 的元素,我可以根据自己的喜好来设置其样式,因此,如果以上都不是一种选择我可以为此做些练习。

因此,简而言之:是否可以为简单的WordPress插件提供自己独特的外观和方式?

如果我有必要提供其他信息,请随时询问。

1 个答案:

答案 0 :(得分:1)

感谢Angel Deykov,他在StackOverflow(Wordpress: Load custom CSS for specific plugin admin Page)上为我指出了正确的主题

我已经更新了我的代码,如下所示:

add_action('admin_enqueue_scripts', 'register_bonwaysbe_css_js');
function register_bonwaysbe_css_js($hook)
{
    $current_screen = get_current_screen();
    $screenId = $current_screen->id;

    if ($screenId !== 'bonway-static-block') {
        return;
    } else {
        wp_enqueue_style('bonwaysbe_style', plugins_url('style/style.css',__FILE__ ));
    }
}

当然,提供的示例使用了 strpos 来比较 ID name ,但是由于某些原因总是为我返回 false ,因此 !==