Bootstrap在管理菜单页面上不起作用-如何覆盖wp-admin样式?

时间:2019-10-17 作者:Ioannis Perpirakis

我正在构建一个插件,我使用bootstrap来设置它的样式,但我注意到一些组件样式不能正常工作。有人在博客中建议使用wp_deregister_style(\'wp-admin\'); 哪一个did 修复我的问题,但破坏了wp管理页面的其余部分。

有没有办法覆盖加载到wpbody内容中的css?

3 个回复
最合适的回答,由SO网友:Ioannis Perpirakis 整理而成

原来已经有了。wp中的card类具有一些比bootstrap额外的属性,因此它们覆盖了它。

SO网友:moped

如果你的引导。css已正确加载admin_enqueue_scripts 操作,在其他css文件中可能会有一个更严格的选择器来覆盖您的样式
具有最精确选择器的样式表赢得了为元素设计样式的战役。

SO网友:hungtran273

如果您只想在插件菜单页面中使用引导。使用$hook = add_menu_page() 而不是add_menu_page() . 并使用该挂钩加载任何样式和脚本

add_action( \'admin_menu\', \'register_page\');

function register_page()
{
  $my_hook = add_menu_page( \'tab title\', \'page title\', \'manage_options\', \'my-page-slug\', \'callback_function\', \'dashicons-cloud\', 1 );

  add_action( \'load-\'.$my_hook, load_scripts );
}


function load_scripts ()
{
  add_action( \'admin_enqueue_scripts\', \'enqueue_bootstrap\' );
}

function enqueue_bootstrap()
{
  $path = plugins_url( \'my_plugin/inc/css/bootstrap.min.css\' ); //use your path of course
  $dependencies = array(); //add any depencdencies in array
  $version = false; //or use a version int or string
  wp_enqueue_style( \'myplugin-bootstrap\', $path, $dependencies, $version );
}

相关推荐

如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环?

我想根据4列(桌面视图)、2列(mobile view 768px)和1列(mobile view 425px)的组合显示帖子。我在下面找到了很棒的代码:<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',