样式表未在 wordpress 中导入
stylesheet not importing in wordpress
我刚刚完成了本教程 HERE,作者基本上建议像这样导入 css 样式表:
function theme_enqueue_styles() {
wp_register_style( 'custom-style', get_template_directory_uri() . '/style.css', array(), '20120208', 'all' );
wp_enqueue_style('custom-style' );
}
add_action('wp_enqueue_scripts','theme_enqueue_styles');
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
我的 header.php 我的主题是这样的:
<!doctype html>
<html <?php language_attributes(); ?> >
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title><?php bloginfo('name'); ?></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="site-header">
<h1><a href="<?php echo home_url(); ?>"></a><?php bloginfo('name'); ?></h1>
<h5><?php bloginfo('description'); ?></h5>
</header>
但我仍然没有看到我的样式表的效果,任何人都可以指出我到底做错了什么吗?
EDIT:: 经过进一步检查,我发现如果我 post index.php 中 header.php 的内容,样式表正在加载很好,这意味着我的 functions.php 文件工作正常。所以我想问题出在我的 header.php 文件上,我已经在上面更新了我的 header.php 文件的样子,所以现在有人可以告诉我我的 header.php 文件有什么问题吗?
谢谢。
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
应该是:
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_register_style( 'custom-style', get_template_directory() . '/style.css');
wp_enqueue_style('custom-style' );
}
style.css在你的主题根文件夹里,对吗?
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_register_style( 'parent-style', get_template_directory_uri() . '/styles.css', array(), false, 'screen' );
wp_enqueue_style( 'parent-style' );
}
问题是我没有像这样导入 header:
get_header();
我刚刚完成了本教程 HERE,作者基本上建议像这样导入 css 样式表:
function theme_enqueue_styles() {
wp_register_style( 'custom-style', get_template_directory_uri() . '/style.css', array(), '20120208', 'all' );
wp_enqueue_style('custom-style' );
}
add_action('wp_enqueue_scripts','theme_enqueue_styles');
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
我的 header.php 我的主题是这样的:
<!doctype html>
<html <?php language_attributes(); ?> >
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title><?php bloginfo('name'); ?></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="site-header">
<h1><a href="<?php echo home_url(); ?>"></a><?php bloginfo('name'); ?></h1>
<h5><?php bloginfo('description'); ?></h5>
</header>
但我仍然没有看到我的样式表的效果,任何人都可以指出我到底做错了什么吗?
EDIT:: 经过进一步检查,我发现如果我 post index.php 中 header.php 的内容,样式表正在加载很好,这意味着我的 functions.php 文件工作正常。所以我想问题出在我的 header.php 文件上,我已经在上面更新了我的 header.php 文件的样子,所以现在有人可以告诉我我的 header.php 文件有什么问题吗?
谢谢。
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
应该是:
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_register_style( 'custom-style', get_template_directory() . '/style.css');
wp_enqueue_style('custom-style' );
}
style.css在你的主题根文件夹里,对吗?
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_register_style( 'parent-style', get_template_directory_uri() . '/styles.css', array(), false, 'screen' );
wp_enqueue_style( 'parent-style' );
}
问题是我没有像这样导入 header:
get_header();