我正在构建一个插件,我使用bootstrap来设置它的样式,但我注意到一些组件样式不能正常工作。有人在博客中建议使用wp_deregister_style(\'wp-admin\');
哪一个did 修复我的问题,但破坏了wp管理页面的其余部分。
有没有办法覆盖加载到wpbody内容中的css?
我正在构建一个插件,我使用bootstrap来设置它的样式,但我注意到一些组件样式不能正常工作。有人在博客中建议使用wp_deregister_style(\'wp-admin\');
哪一个did 修复我的问题,但破坏了wp管理页面的其余部分。
有没有办法覆盖加载到wpbody内容中的css?
原来已经有了。wp中的card类具有一些比bootstrap额外的属性,因此它们覆盖了它。
如果你的引导。css已正确加载admin_enqueue_scripts
操作,在其他css文件中可能会有一个更严格的选择器来覆盖您的样式
具有最精确选择器的样式表赢得了为元素设计样式的战役。
如果您只想在插件菜单页面中使用引导。使用$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列(mobile view 768px)和1列(mobile view 425px)的组合显示帖子。我在下面找到了很棒的代码:<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',