我似乎无法获得我的WordPress主题的functions.php文件加载我的样式表。
我在WordPress主题的主题目录中创建的文件及其各自的内容如下;
style.css
/*
Theme Name: Theme Study
Author: A
Version: 1.0.0
*/body {
color: #4d5a6c !important;
}
header.php
<
!DOCTYPE html>
<
html lang="en">
<
head>
<
?php wp_head();
?>
<
/head>
<
body>
<
h2>
This is the header<
/h2>
index.php
<
?php get_header();
while ( have_posts() ) {
the_post();
?>
<
h2>
<
a href="http://www.srcmini.com/<
?php the_permalink();
?>">
<
?php the_title();
?>
<
/a>
<
/h2>
<
?php the_content();
}
get_footer();
?>
footer.php
<
h4>
This is the footer<
/h4>
<
?php wp_footer();
?>
<
/body>
<
/html>
functions.php
<
?php
function style_files() {
wp_enqueue_style( 'style_main', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'style_files' );
另一方面, 我意识到当我直接按如下方式在header.php文件中引用样式表时, 它可以按预期工作, 但我的目标是在我的WordPress主题的functions.php`文件中实现该目的。
<
!DOCTYPE html>
<
html lang="en">
<
head>
<
link rel="stylesheet" type="text/css" href="http://www.srcmini.com/<
?php echo get_stylesheet_uri();
?>" />
<
?php wp_head();
?>
<
/head>
<
body>
<
h2>
This is the header<
/h2>
为什么我的style.ccs无法从functions.php文件加载?
#1使用此代码, 我认为它适合你。
function theme_styles(){
// Load all of the styles that need to appear on all pages
wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'custom', get_template_directory_uri() . '/css/custom.css' );
}
add_action('wp_enqueue_scripts', 'theme_styles');
#2如果你尝试将其放在你的function.php文件中, 该怎么办:
<
?php
function style_files(){
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css');
}add_action('wp_enqueue_scripts', 'style_files');
样式ID命名为:parent-style通常用于父主题(如果你正在开发子主题或仅是单个主题), 第二个是如果你正在开发子主题, 并且应在子主题上加载style.css。
#3与在functions.php文件中一样, 使用get_template_directory_uri()代替get_stylesheet_uri()。
下面是说明如何阅读的摘要;
function style_files() {
wp_enqueue_style(
'style_main', get_template_directory_uri() . '/style.css', array(), false, 'all'
);
}
add_action( 'wp_enqueue_scripts', 'style_files' );
【WordPress的文件functions.php没有加载style.css】这是将样式表文件添加/排队到WordPress主题中的安全方法。
上面遵循这种格式:
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
其中
$handle
(string) (Required) Name of the stylesheet. Should be unique.$src
(string) (Optional) Full URL of the stylesheet, or path of the stylesheet relative to the WordPress root directory.Default value: ''$deps
(array) (Optional) An array of registered stylesheet handles this stylesheet depends on.Default value: array()$ver
(string|bool|null) (Optional) String specifying stylesheet version number, if it has one, which is added to the URL as a query string for cache busting purposes. If version is set to
false, a version number is automatically added equal to current installed WordPress version.
If set to null, no version is added.Default value: false$media
(string) (Optional) The media for which this stylesheet has been defined.
Accepts media types like 'all', 'print' and 'screen', or media queries like
'(orientation: portrait)' and '(max-width: 640px)'.Default value: 'all'
此处提供更多信息。
#4请用你的wp_enqueue_style函数替换此函数。
wp_enqueue_style( 'style', get_stylesheet_uri() );
推荐阅读
- WordPress-在插件中首先检查page.php
- WordPress-特色图片
- 更新wordpress和插件后WordPress错误
- wordpress增强媒体库查询的图像未与polylang一起出现
- WordPress的脱机编辑主题
- 手心输入法恢复默认设置办法
- QQ拼音即时翻译技巧设置图文步骤
- QQ全拼输入法怎样隐藏状态栏
- 手机百度输入法设置全键盘办法_百度输入法