个性化阅读
专注于IT技术分析

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

我正在制作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插件。由于js文件, 两者均适用于Wordpress默认主题, 但不适用于我的主题。


#1


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


#2


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

wp_register_script('jquery-ui', get_template_directory_uri().'/js/jquery-ui.js');
wp_enqueue_script('jquery-ui');
赞(0)
未经允许不得转载:srcmini » 如何将插件js文件加载到自定义wordpress主题?

评论 抢沙发

评论前必须登录!