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(); ?>

希望这有助于某人！

Answer 2

同时检查footer.php文件以在页脚上加载js

<?php wp_footer(); ?>

为什么我的WordPress function.php不会加载样式或脚本？

2 个答案: