2017-02-26 68 views
1

我正在創建一個自定義的WordPress主題,我曾經做過一次。我查看了之前爲function.php所做的工作,並複製了它,更改了文件名。爲什麼我的WordPress函數不能加載樣式或腳本?

當我上傳這個主題,它上傳,並沒有給我一個有關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'); 

?> 

回答

0

的解決方案是相當簡單:我忘了在header.php中添加一行代碼在標籤之間:

遺漏碼:

<?php wp_head(); ?> 

希望這有助於有人!

0

還要檢查footer.php文件加載在頁腳JS

<?php wp_footer(); ?> 
相關問題