Bootstrap CSS：

Question

我已经在我的管理页面添加了bootstrap，并且在任何地方都被覆盖了。我该如何解决这个问题？我在wordpress.stackexchange.com上问过他们建议我在这里问一下。我已经google了一下，但我没有得到具体的答案。我无法添加截图。你可以访问屏幕截图 wordpress stackexchange

add_action( 'admin_enqueue_scripts', 'scripts_for_admin_page' );

然后注册并入队

Answer 1

你的问题与CSS有关。您正在WordPress主题上加载Bootstrap的CSS，这会覆盖其他元素并导致不需要的结果，这是预期的。

Bootstrap的CSS由顶级DOM元素的样式组成，因此您可以看到覆盖问题。 Bootstrap CSS source

你需要弄清楚你需要从Bootstrap中获取哪些CSS元素，并根据你的WordPress插件来定位它们。请考虑BootStrap中的以下更改：

Bootstrap CSS：

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

你的插件CSS：

#myPlugin h1,
#myPlugin h2,
#myPlugin h3,
#myPlugin h4,
#myPlugin h5,
#myPlugin h6 {
  margin: 15px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

另外，另一个想法。在您的WordPress管理页面中，而不是：

add_action( 'admin_enqueue_scripts', 'scripts_for_admin_page' );

你应该考虑

<?php include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); ?> <?php is_plugin_active($plugin) ?>

Codex Reference是插件活动的：http://codex.wordpress.org/Function_Reference/is_plugin_active

正如其他人在另一个主题中指出的那样，这实际上归结为CSS开发和开发WordPress插件的最佳实践。

Bootstrap覆盖wordpress的默认行为

1 个答案:

Bootstrap CSS：

你的插件CSS：