wordpress function.php脚本包括进入头部

时间:2015-03-23 12:13:33

标签: php wordpress function content-management-system

我正在创建一个单词按主题,在我的functions.php文件中我有以下脚本(见下文)

我的目标是运行此脚本,在HTML' Head'中包含Google字体,shiv和respond.js。 ,与静态网站完全相同。

我是否需要从每个WordPress页面的头部调用此函数,或者是否有更有效的方法来实现此目标?

如果是这样,有人可以证明这是如何工作的吗?

****目标:我想为每个PAGE运行此功能,以便Google字体,shiv和respond.js都出现在我的HTML HEAD中****

function jlc_scripts() {    
wp_enqueue_style( 'googlewebfonts', 'http://fonts.googleapis.com/css?family=Open+Sans;' );

    echo '<!--[if lt IE 9]>';
    echo '  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>';
    echo '  <script stc="'. TEMPPATH.'/js/respond.min.js"></script>';
    echo '<![endif]-->';    
}
add_action( 'wp_enqueue_scripts', 'mf_scripts' ); 

1 个答案:

答案 0 :(得分:2)

不,你必须将它添加到你的主题的function.php中,你还必须将函数名参数更改为这样的实际函数。

function jlc_scripts() {    
wp_enqueue_style( 'googlewebfonts', 'http://fonts.googleapis.com/css?family=Open+Sans;' );

    echo '<!--[if lt IE 9]>';
    echo '  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>';
    echo '  <script stc="'. TEMPPATH.'/js/respond.min.js"></script>';
    echo '<![endif]-->';    
}
add_action( 'wp_enqueue_scripts', 'jlc_scripts' ); 

其次,对于你的脚本文件,有一个类似于wp_enqueue_style的函数,它的名字叫做wp_enqueue_script。这个函数的参数有点不同。

wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );

第三个参数很重要,因为您可以在其中添加依赖项。例如,如果您的脚本需要在其之前加载jquery,则可以添加jquery作为要求。因此,在加载jquery之后将添加该文件。最后一个paremeter定义是否需要将文件添加到页脚。在你的情况下,它将成为

wp_enqueue_script( 'respond', get_template_directory_uri() . '/js/respond.min.js', array(), '1.0.0', true );