如何为wordpress创建一个js文件[关闭]答案

【问题标题】：How to create a js file for wordpress [closed]如何为wordpress创建一个js文件[关闭]
【发布时间】：2014-04-23 06:14:12
【问题描述】：

我正在尝试为 wordpress 网站创建自定义 js 作品。如何为我的网站制作带有相关编码的 .js 文档？尝试使用 TextEdit 不起作用

【问题讨论】：

“尝试使用 TextEdit 不起作用”这是什么意思？
创建一个带有.js文件扩展名的新文件
JavaScript 文件只是带有 .js 扩展名的纯文本文件。您不需要 IDE 来编写一个，您可以简单地使用记事本或类似工具编写一个。我不使用wordpress。我自己使用的是 blogspot，但我认为过程是相似的，因为在您创建文件后，您可以将其上传到您的 wordpress 主机或您自己的主机，并在其中一个 wordpress 模板中引用它。

标签： javascript html wordpress

【解决方案1】：

您使用的是主题吗？您的主题目录中应该有一个名为js/、javascripts/ 或类似名称的目录。要获得包含在您的 wordpress 网站上的 javascript 文件，您应该在其中创建一个文件并将其命名为您喜欢的任何名称，只要确保它具有 .js 文件扩展名即可。例如，我们将其命名为custom.js。

完成此操作后，您需要告诉 WordPress 加载该 javascript 文件。说明是here，但方法是找到位于你主题根目录下的functions.php文件，并添加以下代码：

function my_custom_javascript() {
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/custom.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'my_custom_javascript' );

Wordpress 将自动查看您的模板目录 (get_template_directory_uri()) 并将“排队”或排队，您告诉它的 javascript 文件 - 在本例中为 custom.js

要检查是否包含此文件，您可以将此代码放入您的 custom.js 文件中：

$( document ).ready(function() {
    alert( "Here's your javascript!" );
});

如果您在前端重新加载 WordPress 页面，您应该会看到带有该消息的警报。

【讨论】：