如何在WordPress中包含javascrip文件和css文件

时间:2012-04-09 作者:SANS780730

我正在创建新插件,所以我需要添加一个java脚本文件和css文件。

这些是我的javascript文件

jquery。min.js,jquery-1.3.2。min.js.jquery。tabify。js文件:

新闻风格。css

1 个回复
最合适的回答,由SO网友:EAMann 整理而成

WordPress已经随jQuery提供了。没有必要将其包含在主题中。

Javascriptjquery.tabify.js 文件位于/js/jquery.tabify.js 在您的主题中。在您的functions.php 文件:

function jquery_tabify() {
    wp_enqueue_script(
        \'jquery-tabify\',
        get_template_directory_uri() . \'/js/jquery.tabify.js\',
        array( \'jquery\' )
    );
}
add_action( \'wp_enqueue_scripts\', \'jquery_tabify\' );
这将包括脚本和jQuery。jQuery被标记为依赖项,因此首先加载它。

如果您的文件托管在单独的服务器上,那么http://site.com/jquery.tabify.js, 将其指定为路径(忽略get_template_directory_uri()):

function jquery_tabify() {
    wp_enqueue_script(
        \'jquery-tabify\',
        \'http://site.com/jquery.tabify.js\',
        array( \'jquery\' )
    );
}
add_action( \'wp_enqueue_scripts\', \'jquery_tabify\' );
CSS以同样的方式注册样式。假设您的文件位于/css/newstyle.css, 将以下代码添加到functions.php 文件:

function add_newstyle_stylesheet() {
    wp_register_style(
        \'newstyle\',
        get_template_directory_uri() . \'/css/newstyle.css\'
    );
    wp_enqueue_style( \'newstyle\' );
}
add_action( \'wp_enqueue_scripts\', \'add_newstyle_stylesheet\' );

结束

相关推荐

JavaScript enque已停止工作

在这条线路的某个地方,我把我的js排队弄得一团糟,我不知道怎么搞的。我的职能如下。php文件,我包括<?php wp_footer(); ?> 在我的页脚中。php在js文件输出到页脚之前没有问题,但现在它不工作了,我不知道为什么?function foundationScripts() { if (!is_admin()) { wp_deregister_script(\'jquery\'); wp_register_script(\