我的自定义css不工作时，使用引导wordpress主题

Question

我只是学习Wordpress开发和正在建立一个主题。我使用bootstrap和我自己的自定义css。我知道自定义文件要在引导后声明，但这并没有让我的css运行。

函数代码:

<?php 
function smartwp_remove_wp_block_library_css(){
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
wp_dequeue_style( 'wc-block-style' ); // Remove WooCommerce block CSS
} 
add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css', 100 );
function load_stylesheets() {
wp_register_style('bootstrap',get_template_directory_uri() . '/css/bootstrap.min.css',
array(),false,'all');
wp_enqueue_style('bootstrap');
wp_register_style('style',get_template_directory_uri() . '/style.css',
array(),false,'all');
wp_enqueue_style('style');
}
add_action('wp_enqueue_scripts', 'load_stylesheets');
function loadjs() {
wp_register_script('customjs',get_template_directory_uri() . '/js/scripts.js','',true);
wp_enqueue_script( 'customjs');
}
add_action('wp_enqueue_scripts','loadjs');

你看，我也尝试了一些我在网上找到的代码来禁用Guttenberg css，但没有效果。我从控制台看到我的style.css包含在内，我看到bootstrap工作。

我的css还不多:

/*
Theme name: 
Author: 
*/
body {
background: "#ff03ab";
}

我一定是做错了什么，也许是打字错误?我也试过清除浏览器历史记录，和各种css元素在我的style.css

Answer 1

要确保自定义CSS文件在bootstrap之后加载，您必须在wp_register_style()中添加bootstrap作为依赖项:

https://developer.wordpress.org/reference/functions/wp_register_style/

wp_register_style( 'style', get_template_directory_uri() . '/style.css', array( 'bootstrap' ), false, 'all' );