2013-12-12 20 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的电话。

    相关问题