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

Question

我正在寻找一种方法来自动将用户重定向到移动用户的不同 URL。我认为解决这个问题的方法是简单地检查屏幕分辨率并在移动设备上重定向。我在互联网上找到了下面的代码作为解决方案，但是当我将它添加到我的 Wordpress 标头时它不起作用。如何将其添加到 Wordpress 站点？<script type="text/javascript">  <!--  if (screen.width <= 950) {    window.location = "https://www.google.com/";  }  //--></script>

Answer 1

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 挂钩页面。