首页 如何在 WordPress 页面或文章中轻松添加 JavaScript(3 种方法)

如何在 WordPress 页面或文章中轻松添加 JavaScript(3 种方法)

沐辰客栈 2022-04-17 07:50:07 0 157

使用此方法,您需要将代码添加到 WordPress 文件中。

首先,我们将向您展示如何将代码添加到 WordPress 网站的标题中。您需要复制以下代码并将其添加到您的functions.php、特定于站点的插件中或使用代码片段插件。



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

使用代码将 JavaScript 添加到特定的 WordPress 帖子

如果您只想将 JavaScript 添加到单个 WordPress 帖子,那么您需要向代码添加条件逻辑。

看看下面的代码片段:

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

使用代码将 JavaScript 添加到特定的 WordPress 页面

如果您只想将 JavaScript 添加到单个 WordPress 页面,那么您将需要向代码添加条件逻辑,就像上面一样。

看看下面的例子:

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

使用页脚中的代码将 JavaScript 添加到特定的 WordPress 帖子或页面

如果您希望 JavaScript 在您的网站页脚而不是页眉中运行,那么您可以将以下代码段添加到您的网站。

function wpb_hook_javascript_footer() {
    ?>
        <script>
          // your javscript code goes
        </script>
    <?php
}
add_action('wp_footer', 'wpb_hook_javascript_footer');

发表评论