php - 为什么我的 WordPress functions.php 无法加载样式或脚本？

Question

我正在创建一个自定义的 WordPress 主题，我以前做过一次。我查看了我之前为 functions.php 所做的并复制了它，更改了文件名。

当我上传这个主题时，它会上传但不会给我关于 functions.php 的错误。当我通过控制台检查时，我看到文件尚未加载但没有错误。

我已经花了 10 多个小时来尝试做到这一点，我们将不胜感激任何帮助!另外，如果有人想进一步研究这个问题，包括 URL，我们联系吧!

<?php

/*LOAD SCRIPTS*/
function theme_styles(){
    wp_enqueue_style( 'bootstrap_min_css', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'animate_min_css', get_template_directory_uri() . '/css/animate.min.css' );
    wp_enqueue_style( 'blog_css', get_template_directory_uri() . '/css/blog.css' );
    wp_enqueue_style( 'calculators_css', get_template_directory_uri() . '/css/calculators.css' );
    wp_enqueue_style( 'ionrangeSlider_min_css', get_template_directory_uri() . '/css/ionrangeSlider.min.css' );
    wp_enqueue_style( 'jquerycookiebar_css', get_template_directory_uri() . '/css/jquerycookiebar.css' );
    wp_enqueue_style( 'magnific-popup_min_css', get_template_directory_uri() . '/css/magnific-popup.min.css' );
    wp_enqueue_style( 'menu_css', get_template_directory_uri() . '/css/menu.css' );
    wp_enqueue_style( 'owlcarousel_min_css', get_template_directory_uri() . '/css/owlcarousel.min.css' );
    wp_enqueue_style( 'owlthemedefault_min_css', get_template_directory_uri() . '/css/owlthemedefault.min.css' );
    wp_enqueue_style( 'popup_css', get_template_directory_uri() . '/css/popup.css' );
    wp_enqueue_style( 'responsive_css', get_template_directory_uri() . '/css/responsive.css' );
    wp_enqueue_style( 'custom_css', get_template_directory_uri() . '/css/custom.css' );
}

add_action( 'wp_enqueue_scripts', 'theme_styles');

/*REGISTERS SCRIPTS FOR IE*/
function theme_js(){

    global $wp_scripts;

    wp_enqueue_script('jquery');

    wp_enqueue_script('html5_shiv', 'https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js', '', '', false );
    wp_enqueue_script('respond_js', 'https://oss.maxcdn.com/respond/1.4.2/respond.min.js', '', '', false );
    //false means do not load in footer but in the header like bootstrap

    $wp_scripts->add_data('html5_shiv', 'conditional', 'lt IE 9');
    $wp_scripts->add_data('respond_js', 'conditional', 'lt IE 9');

    wp_enqueue_script( 'modernizr_js', get_template_directory_uri() . '/js/modernizr.js', array('jquery'), '', true );


    wp_enqueue_script( 'bootstrap_min_js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '', true );

    wp_enqueue_script( 'theme_js', get_template_directory_uri() . '/js/theme.js', array('jquery', 'bootstrap_min_js'), '', true );

    wp_enqueue_script( 'commonscripts_min_js', get_template_directory_uri() . '/js/commonscripts.min.js', array('jquery'), '', true );
    wp_enqueue_script( 'validate_js', get_template_directory_uri() . '/assets/validate.js', array('jquery'), '', true );
    wp_enqueue_script( 'functions_js', get_template_directory_uri() . '/js/functions.js', array('jquery'), '', true );


    wp_enqueue_script( 'bootstrap-portfilter_min_js', get_template_directory_uri() . '/js/bootstrap-portfilter.min.js', array('jquery'), '', true );

    wp_enqueue_script( 'jqueryfitvids_js', get_template_directory_uri() . '/js/jqueryfitvids.js', array('jquery'), '', true );

    wp_enqueue_script( 'videoheader_js', get_template_directory_uri() . '/js/videoheader.js', array('jquery'), '', true );

    wp_enqueue_script( 'vidinit_js', get_template_directory_uri() . '/js/vidinit.js', array('jquery'), '', true );

    wp_enqueue_script( 'wow_min_js', get_template_directory_uri() . '/js/wow.min.js', array('jquery'), '', true );

}

add_action( 'wp_enqueue_scripts', 'theme_js' );

?>

Answer 1

解决方案很简单:我忘记在 header.php 的标签之间添加一行代码:

缺失的代码:

<?php wp_head(); ?>

希望这对某些人有帮助!