如何在指定WordPress页面运行目标JavaScript代码？

作为非开发的新手，你可以用以下几种简单方法实现需求：

方法1：用WordPress内置条件判断（适合直接添加到主题头部） #

WordPress自带is_page()函数，能精准判断当前页面是否为目标页面，只有满足条件时才加载你的JS脚本。

操作步骤： #

1. 找到目标页面的ID或Slug：

   • 页面ID：编辑页面时，地址栏里post=xxx中的数字就是页面ID（比如post=123，ID就是123）
   • 页面Slug：页面URL末尾的字符串（比如页面URL是https://你的站点.com/contact/，Slug就是contact）

2. 替换原有脚本代码，添加到页面头部：

   • 用页面ID判断的代码：

     <?php if (is_page(123)) { ?>
         <script src="https://example.com/code.js" type="text/javascript"></script>
     <?php } ?>
     

     把123换成你目标页面的实际ID。

   • 用页面Slug判断的代码：

     <?php if (is_page('contact')) { ?>
         <script src="https://example.com/code.js" type="text/javascript"></script>
     <?php } ?>
     

     把contact换成你目标页面的实际Slug。

注意：如果通过主题的「自定义代码」板块添加，多数主题会自动识别PHP代码；如果直接编辑主题的header.php文件，建议先创建子主题再修改，避免主题更新后代码丢失。

方法2：直接在目标页面添加自定义HTML区块（零代码修改） #

如果你用的是古腾堡编辑器：

1. 打开目标页面的编辑界面
2. 添加一个「自定义HTML」区块
3. 把你的JS脚本直接粘贴到这个区块里

脚本只会在这个页面加载，唯一小缺点是脚本会放在页面body中而非头部，但大部分JS脚本在body里也能正常运行。

方法3：用插件实现（最省心的新手方案） #

安装一款专门管理页面头部/底部脚本的插件（比如「Insert Headers and Footers by WPBeginner」），插件会提供按页面添加脚本的功能：

1. 安装并激活插件
2. 进入插件设置页面，找到「特定页面」选项
3. 选择目标页面，把你的JS脚本粘贴到头部输入框即可

内容的提问来源于stack exchange，提问作者Leonardo Bellotti