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的正确方式工作的答案。请在正文标记关闭之前检查 wp_footer 。动作挂钩 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（）之前的标题部分添加以下代码

<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' ); }

在wordpress中导入css文件

3 个答案: