我正在尝试将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="http://www.srcmini.com/<
?php echo get_bloginfo('stylesheet_directory');
?>
/css/bootstrap_grid.css" rel="stylesheet" />
<
link href="http://www.srcmini.com/<
?php echo get_bloginfo('stylesheet_directory');
?>
/css/main.css" rel="stylesheet" />
#3用add_action包装, 这可能有效
【在WordPress中导入CSS文件】< ?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’ ); }
推荐阅读
- 我正在使用wordpress模板,并且可以添加属性。但是有些字段我不需要
- 导入Avada Demos错误-无法访问demo服务器。请在”系统状态”页面上检查wp_remote_get
- WordPress页面模板中的图像
- 当我将html转换为wordpress时图像无法加载
- 自己的WordPress主题中的图像未显示
- 图片未在其他页面上显示
- 我使用自定义CSS在wordpress标头上制作了一个按钮,但无法更改按钮上文本的颜色吗()
- 我在woo-commerce中遇到WordPress主题的兼容性问题[关闭]
- 在启用显着主题的WordPress中完成contact from 7时,我的文本重叠