wordpress知识库
网站首页 > 知识库 > wordpress知识 >

使用functions.php添加自定义JavaScript代码

2018/02/22

将WordPress自定义JavaScript添加到您的网站的另一种方法是利用内置函数和钩子来编辑functions.php文件。此方法涉及手动将脚本上传到服务器。

在开始之前,我们建议创建一个子主题。此步骤有助于确保你仍能够安全地更新父主题。您还应该备份您的网站,以防万一出现问题。

此方法涉及使用IS_PAGE函数。您可以添加条件逻辑,将自定义JavaScript应用于单个文章或页面。

若要开始,请找到并打开functions.php文件,然后复制并粘贴以下代码片段:

function ti_custom_javascript() {
    ?>
        <script>
          // your javscript code goes here
        </script>
    <?php
}
add_action('wp_head', 'ti_custom_javascript');

此代码会将JavaScript添加到标头中。要将其应用于单个文章,您可以使用以下命令:

function ti_custom_javascript() {
  if (is_single ('3')) { 
    ?>
        <script type="text/javascript">
          // your javscript code goes here
        </script>
    <?php
  }
}
add_action('wp_head', 'ti_custom_javascript');

请注意,您需要将上述示例中的替换为要添加代码的文章ID号。要找到该号码,请从管理仪表板导航到文章,然后单击编辑。在浏览器栏的URL中,ID号是“post=”旁边的数字:3

浏览器栏中WordPress URL的文章ID

替换ID号并将自定义JavaScript添加到指定区域后保存文件。您也可以对单个WordPress页面重复相同的过程。

编辑functions.php文件的利弊

编辑functions.php文件的一个优点是您不需要安装另一个WordPress插件。您还可以使用此技术为您的主题和WordPress本身添加特性和功能。例如,此方法可以将JavaScript插入到单个文章或页面或所有页面中。

这种方法的唯一缺点是它涉及使用代码和编辑您网站的文件。因此,如果您在这个部门没有经验,它可能不是最佳选择。