没有不值得去解决的问题,也没有不值得去学习的技术!

在 WordPress 6 中,在手机中打开页面,界面错乱的排查分析

在 WordPress 6 中,在手机中打开页面,界面错乱

1、在 WordPress 6 中,在手机中打开页面,界面错乱。如图1

在 WordPress 6 中,在手机中打开页面,界面错乱
图1

2、滚动页面至页尾,有 退出移动版 按钮。如图2

滚动页面至页尾,有 退出移动版 按钮
图2

3、点击 退出移动版 按钮,页面正常。如图3

点击 退出移动版 按钮,页面正常
图3

4、尝试在后台禁用插件:AMP 后,页面正常。如图4

尝试在后台禁用插件:AMP 后,页面正常
图4

5、现在期望在手机中打开页面,默认就是正常的。且不能够禁用插件:AMP 。当前主题:Hueman 与 AMP 不兼容。如图5

现在期望在手机中打开页面,默认就是正常的。且不能够禁用插件:AMP 。当前主题:Hueman 与  AMP 不兼容
图5

6、模板模式之前是:过渡模式,切换至推荐的 阅读器模式。在阅读器模式下,您的网站将有一个非 AMP 版本和一个 AMP 版本,每个版本都将使用自己的主题。如图6

模板模式之前是:过渡模式,切换至推荐的 阅读器模式。在阅读器模式下,您的网站将有一个非 AMP 版本和一个 AMP 版本,每个版本都将使用自己的主题
图6

7、为移动端访客选择主题模版,选择:Twenty Fifteen。如图7

为移动端访客选择主题模版,选择:Twenty Fifteen
图7

8、您的Reader主题已自动安装。在阅读器模式下,AMP 使用您选择的阅读器主题提供服务,非 AMP 网站的页面使用您的主要主题提供服务。如图8

您的Reader主题已自动安装。在阅读器模式下,AMP 使用您选择的阅读器主题提供服务,非 AMP 网站的页面使用您的主要主题提供服务
图8

9、在手机中打开页面,页面正常。但是一些插件未正常工作。如 SyntaxHighlighter Evolved。程序代码显示为纯文本。不符合预期。如图9

在手机中打开页面,页面正常。但是一些插件未正常工作。如 SyntaxHighlighter Evolved。程序代码显示为纯文本。不符合预期
图9

10、卸载插件:AMP,安装插件:Accelerated Mobile Pages 。如图10

卸载插件:AMP,安装插件:Accelerated Mobile Pages
图10

11、在手机中打开页面,页面正常,插件:SyntaxHighlighter Evolved 已经正常工作,符合预期。如图11

在手机中打开页面,页面正常,插件:SyntaxHighlighter Evolved 已经正常工作,符合预期
图11

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者,自 2013 年起持续运营个人技术博客,记录工作与个人项目中遇到的真实问题,以及解决问题过程中的探索、实践和思考。

除了技术写作,我也在持续开发和维护自己的独立项目,探索新技术和新工具在实际场景中的应用。我始终相信,没有不值得去解决的问题,也没有不值得去学习的技术。

如果这篇文章对你有所帮助,欢迎浏览博客中的其他文章,也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系