2013-12-12 50 views
0

我想從我的基金會網站創建一個wordpress主題。在wordpress主題中包含基金會5的正確方法是什麼?

什麼是正確的方式排隊的javascript文件,我需要在functions.php? 我在網上找到很多教程,但沒有一個是100%

這是我做的方式,但由於某種原因,我的頂欄切換不起作用,我假設我沒有以正確的方式包含jquery。

我不得不說,我不知道任何PHP,我試圖找到例子都將在我的情況,沒有運氣工作..

<?php 

function devocean_script() 
{ 
    //register scripts for our theme 
    wp_deregister_script('jquery'); 

    wp_register_script('jquery', get_template_directory_uri() . '/js/vendor/jquery.js', 
    false); 
    wp_register_script('foundation-mod', get_template_directory_uri() . '/js/modernizer.js', 
false); 
wp_register_script('foundation-main', get_template_directory_uri() . '/js/foundation.min.js', 
    true); 



//enqueue scripts for our theme 
wp_enqueue_script('foundation-mod'); 
wp_enqueue_script('jquery'); 
wp_enqueue_script('foundation-main'); 
} 
add_action('wp_enqueue_scripts', 'devocean_script'); 

?> 

這將是巨大的,如果somwone能給我一個提示..我真的stucked這裏,需要不斷地移動..

非常感謝您的幫助

回答

1

在使用wordpress的基礎5之前,請注意以下幾點。

  1. modernizr應加載到wp-head。

wp_enqueue_script('modernizr', get_template_directory_uri() .'/js/vendor/modernizr.js', array(), '', false);
或通過CDN網絡這樣

wp_enqueue_script('modernizr', '//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js', array(), '', false);

  • 負載在頁腳的jquery
  • function jqloading() 
     
        { 
     
        \t 
     
    \t wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'); 
     
    \t wp_enqueue_script('jquery'); 
     
    \t } 
     
        add_action('wp_footer','jqloading');

  • enque基礎js和基礎CSS文件
  • wp_enqueue_script('foundation-js', 'https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js', array('jquery'), '1.0', true); 
     
    wp_enqueue_style('foundation-style', get_template_directory_uri() .'/css/foundation.min.css');

  • 確保通過在footer.ph中添加此代碼來初始化基礎
  • jQuery(document).ready(function(){ 
     
        jQuery(document).foundation(); 
     
    \t 
     
    \t 
     
    \t }); 
     
    \t  
     
    

    0

    你有沒有試過不註銷的jQuery?

    另外,你應該通過傳遞true作爲wp_reqister_script函數的最後一個參數來加載頁腳中的jquery。當然,這隻適用於您在主題的正確位置撥打wp_footer的電話。

    相關問題