在WordPress中导入CSS文件

我正在尝试将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文件。

#1

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

#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" />      

#3

用add_action包装, 这可能有效

<？php add_action(‘wp_enqueue_scripts’, ‘theme_enqueue_styles’);函数theme_enqueue_styles(){wp_register_style(‘css-ui’, get_template_directory_uri()。’/ assets / css / style.css’); wp_enqueue_style(‘css-ui’); }