如何为wordpress创建一个js文件

Question

我正在尝试为wordpress网站创建自定义js工作。如何使用我网站的相关编码制作.js文档？尝试使用TextEdit无法正常工作

Answer 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页面，则会看到包含该消息的警报。