正确将脚本和样式添加到自定义元素

时间:2018-12-06 20:01:53

标签: php wordpress

我看到了一个similar question的帖子 但是,这个问题是关于将自定义样式/脚本(已保存在文件夹中)添加到主题。 我在导航菜单php文件中注册了外部脚本和样式。该文件如下所示:

<head>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>

<nav class="content">
    nav menu content
</nav>

有效,问题在于网站上有2个“ ”元素显示,实践不佳。

我尝试这样在functions.php中注册这些外部脚本:

function load_scripts() {
    wp_register_script( 'bootstrap', '//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js' );
    wp_enqueue_script( 'bootstrap' );
    wp_register_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' );
    wp_enqueue_script( 'jquery' );
}

add_action('wp_enqueue_scripts', 'load_scripts');

当我回到自己的网站时,菜单不起作用,因此按目前的情况,我已将脚本和样式重新添加到menu.php文件中。

我认为可能会引起问题的一个方面是我如何将菜单添加到主题中。 如上所述,我已经创建了一个文件menu.php,并使用以下代码在我的header.php文件中调用了该文件:

<div class="menubar">
    <?php
        include "main-menu.php";
    ?>
</div>

解决这个问题的任何帮助都很好

0 个答案:

没有答案