时间戳

首页 > 解决方案 > 重定向脚本在 Wordpress 标头中不起作用

javascript - 重定向脚本在 Wordpress 标头中不起作用

问题描述

我正在寻找一种自动将用户重定向到移动用户的不同 URL 的方法。我认为解决这个问题的方法是简单地检查屏幕分辨率并在移动设备上重定向。

我在互联网上找到了下面的代码作为解决方案，但是当我将它添加到我的 Wordpress 标题时它不起作用。如何将此添加到 Wordpress 网站？

<script type="text/javascript">
  <!--
  if (screen.width <= 950) {
    window.location = "https://www.google.com/";
  }
  //-->
</script>

标签： javascriptwordpressredirect

解决方案

Wordpress 模板层次结构意味着您可以拥有不同的标头模板文件，因此您可能不会将其添加到正在使用的模板文件中 - 或者即使您是，您也需要将其添加到所有标头文件中，以便为每个页面添加。

相反，您可以使用 functions.php 中的函数将脚本添加到head每个页面上。在主题的functions.php中的任何位置添加以下内容：

function add_redirect_js_to_head() {
    ?>
    <script type="text/javascript">
        if (screen.width <= 950) {
            window.location = "https://www.example.com/";
        }
    </script>
    <?php
}
add_action('wp_head', 'add_redirect_js_to_head');

请注意，wp_head它依赖于主题，但它得到了广泛的支持，因此这应该适用于任何开发良好的主题。

虽然这是依赖于主题的，但它是最重要的主题钩子之一，因此得到了广泛的支持。有关更多信息，请参阅主题手册上的插件 API 挂钩页面。

参考：wp_head 钩子的 WP 代码参考

推荐阅读