Wordpress在页脚中添加javascript

Question

我需要在网站页脚中添加一个脚本。 我只是引用了footer.php：

<script src="wp-content/file/script.js"></ script>

At Home功能正常，但访问页面子项时他找不到因为搜索目录：

site/page-child/wp-content/file/script.js。

我看到我必须使用：

wp_enqueue_script ()

但我应该把这段代码放在哪里？

感谢的

Answer 1

您只需在网址前添加“/”，以便从根目录开始：

<script src="/wp-content/file/script.js"></ script>

确实在主页上它会查找yoursite.com/wp-content，但在其他页面上搜索yoursite.com/current-page/wp-content，显然会产生404.

添加/使其始终寻找yoursite.com/wp-content

Answer 2

添加<script src="wp-content/file/script.js"></ script>不是加载JS文件的干净方法，因为这不是相对URL，当您激活子主题时，主题可能不会加载您的JS文件，解决方案是：

<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/script.js"></script>

您需要将其添加到主题目录footer.php

中的wp-content\themes\your_theme\footer.php文件中

但最好的方法是使用WP钩子来包含你的脚本，首先你需要使用

注册它们

wp_register_script( 'my_script_name', get_template_directory_uri(). '/js/script.js' );

然后只需加载它们

wp_enqueue_script( 'my_script_name' );

请勿尝试直接在footer.php文件中注册和排队脚本，而是在functions.php模板文件中创建方法，然后使用

加载脚本

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

注意：要将脚本排入页脚，您需要将$in_footer参数设置为true。

结帐reference了解详情。

Answer 3

由于您似乎使用WordPress，因此可以替换

    <script src="wp-content/file/script.js"></ script>

使用：

    <script src="<?php site_url('/wp-content/file/script.js'); ?>"></script>