在WordPress中导入CSS文件

Question

我正在尝试将HTML迁移到WordPress模板。 在执行此操作时，我想将CSS文件保留在原处并将其导入到代码中。 我发现我可以使用functions.php文件使其变得更容易。

以下是我添加到functions.php的代码：

<?php
function add_theme_codes() {     
 wp_enqueue_style(‘bootstrap’,get_stylesheet_directory_uri().’/css/bootstrap_grid.css’, ‘all’); 
 wp_enqueue_style( ‘style’, get_stylesheet_directory_uri().’/css/main.css’, ‘all’);
}
add_action( ‘wp_enqueue_scripts’, ‘add_theme_codes’ );
?>

但是我的WordPress网站仍然没有导入CSS文件。

Answer 1

仍然您已经选择了我想要回答的最后一个答案，即您希望它以与WordPress一样的正确方式工作。 请检查是否关闭body标签之前调用了wp_footer 。 动作Hp wp_enqueue_scripts挂钩将在wp_footer函数中调用。 请尝试一次，让我知道结果。

Answer 2

您可以从以下代码获取css文件：

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',  get_stylesheet_directory_uri() . '/style.css',   array('parent-style') );
}
?>

或在wp_head（）之前的Header部分中添加以下代码

<link href="<?php echo get_bloginfo('stylesheet_directory');?>/css/bootstrap_grid.css" rel="stylesheet" />      
<link href="<?php echo get_bloginfo('stylesheet_directory');?>/css/main.css" rel="stylesheet" />      

Answer 3

用add_action包装，这可能有效

<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_register_style('css-ui',get_template_directory_uri().'/assets/css/style.css' ); wp_enqueue_style('css-ui' ); }