0

我正在寻找一种在我的 iPhone 上查看我的网站时禁用移动视图的方法。是否有插件或一些代码可以做到这一点?

我的主题是starkers-master,没有办法这样做

4

4 回答 4

8

如果您的主题提供了您不想要的移动检测和移动布局,请首先确保没有主题选项来禁用它。如果没有,您应该能够通过将其注释掉来删除移动检测代码,这应该可以解决问题。

处理移动主题使用的最佳方法是检测设备并默认为适当的布局,但还提供用户覆盖,以便他们可以通过手机选择加入整个网站(甚至是桌面上的移动网站)。这是通过在设备上存储用户选择的 cookie 并使用它来覆盖移动检测结果来完成的。

嗯。快速浏览一下 starkers 的源代码让我觉得它并不是一个真正的移动组件,而只是一个响应式主题。看起来有一个简单的解决方法......

编辑 parts/shared/html-header.php 并删除第 11 行。很容易找到,因为它有一个标识它的注释:

        <meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Remove if you're not building a responsive site. (But then why would you do such a thing?) -->

看起来这会删除主题的响应行为(假设评论是正确的)。

于 2012-12-31T05:18:26.277 回答
3

如果您是自托管 Wordpress 并安装了 Jetpack,您可能必须通过以下方式禁用移动主题视图:

喷气背包 > 设置

转到“写作”选项卡并查找“针对智能手机优化您的网站”并将其禁用。

这似乎等同于 wordpress.com 上的 Settings > Appearance > Mobile Theme 开关。

于 2017-05-06T15:25:57.457 回答
0

我认为最好为移动设备使用不同的主题而不是禁用它。在这种情况下,目录中有很多插件,WordPress我个人使用并推荐WPtouch,因为它会自动将您的 WordPress 网站转换为移动设备,并在从流行的移动 Web 浏览设备查看时完成 ajax 加载文章和流畅的效果。如果您想查看预览,WPtouch则可以http://heera.it使用手机访问。

或者,您可以使用以下代码(使用mobile_device_detect.php脚本)

include('mobile_device_detect.php');
$mobile = mobile_device_detect();
if ($mobile==true) {
    // do something here, maybe redirect to a page with a message
}

为此,首先您必须从detectmobilebrowsers.mobi获取代码并将其上传到您的主题目录。完成后,只需打开header.php文件并将代码放在文件顶部即可。

看看这个

更新:

在作者提到的公认答案中A quick glance at the starkers source makes me think it is not really a mobile component but just a responsive theme.,我意识到这是一个响应式主题,但OP在问题中没有提及任何有关它的内容,我误解了这个问题并回答了。因此,作为将来的参考,我没有删除答案,请记住,它可能对其他人有帮助。

这个答案可能对那些想要为移动设备使用不同主题的人有所帮助。

于 2012-12-30T22:12:05.607 回答
0

只需转到外观 > 主题编辑器,我就可以在我的 wordpress 网站上禁用移动视图。然后从屏幕右侧的 Theme Files 中选择 header.php 找到并注释掉该行<meta name="viewport" content="width=device-width, initial-scale=1">

就像这样<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->

保存您的更改,仅此而已

我相信这种方法应该适用于任何主题。就我而言,我使用的是 Astra 主题

于 2021-05-24T13:22:46.723 回答