Question

我需要为我的wordpress模板找到解决方案，我已经为桌面分辨率link编写了登录页面。我的目标是建立一个跨设备的网站。之前我总是使用媒体查询来使其响应，但在这种情况下，我需要将其移动到一个新的水平，并建立一个能够检测到已被使用的设备的网站（针对3类：桌面，平板电脑和手机）并加载正确版本的网站，这样它不仅允许更改布局，而且可以根据需要自定义每个版本的网站。到目前为止，我尝试了在GITHUB上呈现的device.js。它检测客户端上使用过的设备，并重定向到右侧URL以打开正确版本的网站。所以它看起来像这样：

<html>
  <head>
    <!-- Every version of your webapp should include a list of all
         versions. -->
    <link rel="alternate" href="desktop.html" id="desktop"
        media="only screen and (touch-enabled: 0)">
    <link rel="alternate" href="phone.html" id="phone"
        media="only screen and (max-device-width: 640px)">
    <link rel="alternate" href="tablet.html" id="tablet"
        media="only screen and (min-device-width: 641px)">

    <!-- Viewport is very important, since it affects results of media
         query matching. -->
    <meta name="viewport" content="width=device-width">
    <script src="../build/device.js"></script>
  </head>

问题是，如果我创建这些文件（phone.php，tablet.php，desktop.php），index.php将进行重定向，但仍然会加载相同的页眉和页脚，所以没有多少这样做的意义，因为这样就无法自定义除样式文件中的布局之外的任何内容。

我还尝试在我的模板文件夹中创建3个单独的文件夹：手机，平板电脑和桌面，所以每个文件夹都包含唯一的索引文件，header.php和footer.php，所以这样所有3个部分的网站都可以不同的定制，但它没有工作。任何这些文件夹中的Index.php文件都不会因某种原因加载页眉和页脚。所以我被卡住了。

如果某人对此案件有任何暗示或可能正确的解决方案，我将非常感激！

使用wordpress，无响应方法构建跨设备网站

0 个答案: