如何将插件js文件加载到自定义wordpress主题?

时间:2014-03-29 22:50:31

标签: javascript wordpress wordpress-plugin wordpress-theming

我正在制作一个WordPress主题,我是WordPress的新手,但对HTML,CSS,JavaScript,jQuery和PHP有很多了解。

问题是我创建的主题是不加载插件js文件。

这是我的标题代码:

<!DOCTYPE HTML>
<html>
<head>
<title>
            <?php 
                wp_title('|','true','right');
                bloginfo('name');
            ?>
            <meta charset="<?php bloginfo( 'charset' ); ?>">
            <meta name="viewport" content="width=device-width">

        </title>
        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
        <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/css/grid.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_url')?>/style.css" />

        <script type="text/javascript" src="<?php echo bloginfo('template_url')?>/js/jquery.js"></script>
        <script type="text/javascript" src="<?php echo bloginfo('template_url')?>/js/bootstrap.min.js"></script>

        <?php
            wp_head();
        ?>
    </head>
    <body>
        <div class="container">
            <div class="main-nav row" id="show-nav">
                <a href="javascript:;">Navigation</a>
            </div>
            <div class="main-nav row" id="close-nav">
                <a href="javascript:;">Close Navigation</a>
            </div>
            <div class="row nav-bar">
                <?php

                    wp_nav_menu(array('container_class'=>'main-nav','container'=>'nav'));

                ?>
            </div>

我手动加载jquery但是我试图用wordpress函数加载jquery。

也试过这段代码,

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

但没有工作。我尝试了很多插件,但只是插件的js文件没有加载,所以没有插件工作。

我尝试过metaslider插件和Easy Image Gallery插件。两者都适用于Wordpress默认主题但不适用于我的,因为js文件。

2 个答案:

答案 0 :(得分:1)

在关闭body标签之前没有包含wp_footer函数,它与wp_footer函数一起使用。

答案 1 :(得分:0)

您可以尝试在function.php上添加它,例如:

wp_register_script('jquery-ui', get_template_directory_uri().'/js/jquery-ui.js');
wp_enqueue_script('jquery-ui');