javascript - 将 javascript 文件添加到 WordPress 页面

Question

我想添加一个 JavaScript 文件，其中包含用于在 WordPress 页面中显示 Google map 应用程序的代码。在页面中，我只有一个“div”标签，可容纳 Google map 。如何在页面中链接 .js 文件？另外，在我的服务器中放置包含 .js 文件的文件夹的最佳位置是什么？

预先感谢您的回答!

Answer 1

在您的服务器上，您必须有一个包含所有 WordPress 文件的文件夹。在这些文件中，您将找到文件夹 wp-content > 主题 >(您在 WordPress 上使用的当前主题)。打开包含主题文件的文件夹。这里创建一个文件夹来放置所有js文件。如果 js 文件夹已存在，请使用该文件夹。现在将您的 js 文件添加到该文件夹​​中。在包含所有主题文件的文件夹中，您将找到一个文件“functions.php”。打开此文件并添加以下代码。

add_action( 'wp_enqueue_scripts', 'maps_load_scripts');
function maps_load_scripts(){
  wp_enqueue_script( 'google-maps-js', get_stylesheet_directory_uri().'/(name-of-folder-  containing-all-js-files)/(name-of-your-js-file).js', array('jquery'), '1.0', false);
} 

这将在所有页面上加载您的 js 文件。如果你想加载特定页面上的js文件，那么上述所有代码都在条件:

add_action('template_redirect', 'load_js_certain_page');
function load_js_certain_page(){
$page_id = ;// Use the id of the page in WordPress here. You can find the page id from the database or the WordPress backend.
if(is_page($page_id)){
//add the code from the block above here. 
}
}