wordpress divi主题 如何给页面添加自定义js代码

在WordPress的Divi主题中添加自定义JS代码，可以通过以下几种方式实现：

1. 使用主题设置：

   • 登录到WordPress后台。
   • 转到“Divi” > “主题选项”。
   • 在“集成”选项卡中，找到“在之前添加代码”。
   • 将你的自定义JS代码粘贴到这个框中，然后保存更改。

2. 使用页面设置：

   • 编辑你想要添加JS的页面。
   • 在Divi的页面构建器中，找到“页面设置”图标（齿轮图标）。
   • 在“高级”选项卡中，你会看到一个“自定义JS”区域，可以在这里添加代码。

3. 使用子主题：

   • 如果你有使用子主题，可以在子主题的functions.php文件中使用wp_enqueue_script()函数来添加JS文件。
   • 示例代码：

     function custom_scripts() {
         wp_enqueue_script('custom-js', get_stylesheet_directory_uri() . '/js/custom.js', array('jquery'), null, true);
     }
     add_action('wp_enqueue_scripts', 'custom_scripts');
     

     Copy
     PHP

4. 使用插件：

   • 你也可以使用一些插件，比如“Insert Headers and Footers”或“Custom CSS & JS”来插入自定义JS代码。

选择适合你的方式进行操作即可。

标签：
来源：