WordPress自定义模板后AMP失效，如何通过cPanel上传合规AMP首页？

嘿，我来帮你搞定这个事儿——用WordPress自定义页面模板搞AMP首页确实容易踩合规的坑，毕竟WordPress的动态模板会自动加载很多不符合AMP规范的代码。咱们换个更直接的思路，绕开WordPress的动态模板，直接用你已经做好的合规AMP静态页面来当首页，步骤如下：

第一步：把合规的AMP页面上传到cPanel服务器 #

• 登录你的cPanel面板，找到文件管理器，进入网站的根目录（一般是public_html文件夹，这是WordPress的安装目录）
• 把你做好的AMP页面（建议命名成amp-home.html这类独特的名字，别用index.html，不然会和WordPress的index.php冲突）直接上传到这个根目录里

第二步：设置服务器优先加载你的AMP页面为首页 #

因为WordPress默认会用自己的index.php处理首页请求，所以咱们需要改一下.htaccess文件，让服务器优先加载你的AMP页面：

• 还是在cPanel的文件管理器里，找到根目录下的.htaccess文件（如果看不到，记得开启“显示隐藏文件”的选项）
• 编辑这个文件，在最顶部添加以下规则：

RewriteEngine On
RewriteRule ^$ /amp-home.html [L]

• 保存修改后，用户访问你的域名时，就会直接加载这个静态AMP页面，完全绕开WordPress的动态模板，自然不会破坏AMP的合规性

第三步：验证AMP页面的合规性 #

• 上传设置完成后，用Google的AMP测试工具检查你的首页URL，确认页面依然符合AMP规范
• 如果有报错，直接调整你上传的静态AMP页面代码就行，不用碰WordPress的任何设置，排查起来也更简单

额外注意事项 #

• 别把AMP页面命名为index.html，WordPress的index.php优先级更高，会覆盖它的加载
• 如果你需要在AMP页面里加入导航、页脚这类和网站其他页面一致的内容，直接用AMP兼容的静态代码写进去就行，别调用WordPress的模板函数，避免引入不合规的动态代码
• 静态AMP页面稳定性很高，后期只要你不修改它，基本不会出现合规性问题，定期用AMP测试工具检查一下就好

内容的提问来源于stack exchange，提问作者Cøded Numbers