WordPress中wp_head()无法注入style.css的问题求助

核心问题排查 #

你代码里有两个关键错误，直接导致CSS无法加载：

1. PHP标签语法错误
   front-page.php里的PHP标签写反了，<php?是错误格式，正确写法应为<?php。这个错误会让wp_head()函数根本无法执行，自然不会输出任何CSS链接。
2. CSS路径不可靠
   使用相对路径./style.css在WordPress环境下容易出错，因为页面访问URL和文件实际路径的相对关系可能不符合预期，WordPress有专门函数用于获取正确的主题文件URI。

修正后的代码 #

1. 修复front-page.php头部 #

修正PHP标签，确保wp_head()正常执行：

<head>
    <?php wp_head(); ?>
</head>

2. 正确的functions.php代码 #

以下两种可靠写法二选一即可：

写法一（推荐，自动识别主题style.css）

利用get_stylesheet_uri()函数，它会自动指向当前激活主题的style.css文件（你的style.css已包含正确的主题头部注释，满足使用条件）：

<?php
function load_theme_scripts() {
    wp_enqueue_style('influencer-style', get_stylesheet_uri(), array(), '1.0', 'all');
}
add_action('wp_enqueue_scripts', 'load_theme_scripts');
?>

写法二（手动指定路径）

用get_template_directory_uri()获取主题根目录的绝对URI，再拼接style.css路径（注意不要加多余的./）：

<?php
function load_theme_scripts() {
    wp_enqueue_style('influencer-style', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');
}
add_action('wp_enqueue_scripts', 'load_theme_scripts');
?>

额外检查项 #

• 确认当前激活的WordPress主题就是包含这些文件的主题，否则functions.php里的代码不会被执行。
• 清除浏览器缓存后刷新页面，查看源码的<head>区域，应能看到指向style.css的<link>标签。
• 如果仍未加载，用浏览器开发者工具的「网络」面板检查CSS文件请求状态：404表示路径错误，200才是加载成功。

内容的提问来源于stack exchange，提问作者Shawn Esquivel