自定义WordPress主题颜色选项开发报错求助：theme_get_option()函数未定义

看起来你踩了一个常见的WordPress开发坑——直接把style.php当作静态CSS文件加载时，它并没有接入WordPress的核心运行环境，导致你的自定义函数theme_get_option()根本找不到！下面给你拆解问题原因和几个靠谱的解决方案：

为什么会报错？ #

当你用wp_enqueue_style直接指向/functions/style.php时，这个请求是浏览器发起的静态资源请求，完全绕开了WordPress的初始化流程。这意味着：

• WordPress的核心函数（比如get_option()）无法调用
• 你在主题functions.php里定义的theme_get_option()也无法被这个孤立的style.php文件识别
  自然就会抛出「函数未定义」的错误。

推荐方案：用wp_add_inline_style动态注入样式 #

这是WordPress官方推荐的动态样式实现方式，简单高效，不需要单独维护style.php：

1. 先在你的主题functions.php里注册并加载基础样式（如果还没做的话）：

function theme_enqueue_assets() {
    // 加载主题的基础CSS文件（比如根目录的style.css）
    wp_enqueue_style('theme-base-style', get_stylesheet_uri());

    // 获取自定义颜色选项（确保你的theme_get_option函数已定义）
    $nav_bg_color = theme_get_option('nav_background_color');
    // 给个默认值，避免空值导致样式失效
    if (empty($nav_bg_color)) {
        $nav_bg_color = '#000';
    }

    // 编写需要动态修改的CSS代码
    $dynamic_css = "
        .navbar {
            background-color: {$nav_bg_color};
        }
        /* 可以在这里添加其他需要动态修改的样式，比如文字颜色、边框色等 */
    ";

    // 将动态CSS注入到基础样式的末尾
    wp_add_inline_style('theme-base-style', $dynamic_css);
}
add_action('wp_enqueue_scripts', 'theme_enqueue_assets');

2. 确保你的theme_get_option()函数已经在functions.php中正确定义，比如：

function theme_get_option($option_key) {
    // 这里假设你用WordPress自带的选项存储，前缀可以自定义
    return get_option('theme_custom_' . $option_key);
}

这样一来，动态样式会直接内联到页面的<head>里，而且所有WordPress函数都能正常工作，因为wp_enqueue_scripts钩子是在WordPress完全初始化后才触发的。

备选方案：让style.php接入WordPress环境 #

如果你坚持要单独用style.php文件，可以通过路由让它经过WordPress的初始化流程：

1. 在functions.php中添加路由处理逻辑：

function theme_handle_dynamic_style() {
    // 检查是否是请求动态样式的链接
    if (isset($_GET['theme-dynamic-css'])) {
        // 设置响应头为CSS类型
        header('Content-Type: text/css');
        // 加载WordPress核心环境，确保函数可用
        require_once($_SERVER['DOCUMENT_ROOT'] . '/wp-load.php');

        // 现在可以正常调用theme_get_option了
        $nav_bg_color = theme_get_option('nav_background_color') ?: '#000';

        // 输出CSS内容
        echo "
            .navbar {
                background-color: {$nav_bg_color};
            }
        ";
        exit; // 终止后续输出，只返回CSS
    }
}
add_action('template_redirect', 'theme_handle_dynamic_style');

2. 修改wp_enqueue_style的链接，指向这个动态路由：

function theme_enqueue_assets() {
    wp_enqueue_style('theme-dynamic-style', home_url('?theme-dynamic-css=1'));
}
add_action('wp_enqueue_scripts', 'theme_enqueue_assets');

不过这种方式每次请求样式都要初始化WordPress，性能不如第一种方案，所以只推荐在特殊场景下使用。

最后检查点 #

• 确认theme_get_option()函数确实存在于functions.php中，没有拼写错误
• 如果你是用自定义字段或主题选项框架（比如Redux、Kirki）存储颜色，确保获取选项的逻辑正确

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