There is no problem not worth solving, and no technology not worth learning!

In WordPress 6, open the page in the mobile phone, and the troubleshooting and analysis of the interface is disordered

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

1. In WordPress 6, open the page in the mobile phone, and the interface is confused. as shown in Figure 1

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

2. Scroll the page to the end of the page, there is a button to exit the mobile version. as shown in Figure 2

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

3. Click the Exit mobile version button, the page is normal. as shown in Figure 3

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

4. Try to disable the plugin in the background: after AMP, the page is normal. as shown in Figure 4

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

5. Now I hope to open the page in the mobile phone, the default is normal. And the plugin cannot be disabled: AMP . Current topic: Hueman is not compatible with AMP. as shown in Figure 5

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

6. Before the template mode is: transition mode, switch to the recommended reader mode. In reader mode, your website will have a non-AMP version and an AMP version, each version will use its own theme. as shown in Figure 6

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

7. Select the theme template for mobile visitors, select: Twenty Fifteen. as shown in Figure 7

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

8. Your Reader theme has been automatically installed. In reader mode, AMP provides services using the reader themes of your choice, and the pages of non-AMP websites provide services using your main theme. as shown in Figure 8

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

9. Open the page in the mobile phone, the page is normal. But some plugins are not working properly. Such as syntaxhighlighter evolved. The program code is displayed in plain text. Not as expected. as shown in Figure 9

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

10. Uninstall the plug-in: AMP, install the plugin: Accelerated mobile pages. As shown in Figure 10

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

11. Open the page in the mobile phone, the page is normal, the plugin: syntaxhighlighter Evolved has been working normally, in line with expectations. as shown in Figure 11

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

Need long-term technical maintenance or remote troubleshooting?

I am a PHP / Go backend engineer with 15+ years of experience, focused on existing system maintenance, bug fixing, performance optimization, server troubleshooting, WordPress maintenance, and small feature iterations.

If your project is facing any of the following issues, we can start with a small troubleshooting task first:

  • ✅ PHP / Laravel / Yii2 legacy systems without active maintenance
  • ✅ Go / Gin backend APIs that need troubleshooting or optimization
  • ✅ Slow, broken, or unstable WordPress websites
  • ✅ Nginx / MySQL / Redis / Linux server issues
  • ✅ CDN / Cloudflare / DNS / HTTPS configuration problems
  • ✅ Long-term remote technical support or part-time maintenance

More details: About Me & Collaboration

WeChat: 13980074657
Email: shuijingwanwq@gmail.com
Telegram: @shuijingwan
GitHub: https://github.com/shuijingwan

评论

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.