您现在的位置是：首页 > WordPress教程WordPress教程

如何在WordPress中添加AMP支持

WP集市 2025-08-27 【WordPress教程】 1563人已围观

首先你得明白AMP是个啥玩意儿——简单说就是谷歌搞的加速移动页面标准，让你手机刷网页像翻漫画书一样快。在WordPress里搞这个其实特简单，毕竟官方插件早给你铺好路了。
打开后台，戳进「插件」→「安装插件」，直接搜“AMP”。认准那个带官方蓝勾的 AMP for WordPress，安装完一键激活就行。这玩意儿现在自动兼容古腾堡编辑器，基本不用你操心代码。
装完别急着关！去插件设置页瞅两眼。默认是「Standard」模式（全站AMP），但建议新手选「Transitional」——普通页面和AMP页面共存，不容易翻车。要是你主题够新，直接开「Reader」模式也行，系统会自动套用AMP模板。
关键来了：检查样式兼容。有些CSS属性AMP不让用，比如!important或者外链字体。教你个野路子——在主题的functions.php里加这段钩子：
```
add_action( 'amp_post_template_css', function() {
echo '.你的选择器 { color: #f00 !important; }'; 
} );
```
这样能强行注入样式，但记得少用！AMP最烦超标样式。
表单和评论组件要特别注意！AMP禁用常规JavaScript，得换专用标签。比如普通表单得改成：
```
<amp-form method="post">
<input type="text" name="comment" placeholder="说点啥...">
<input type="submit" value="发射">
</amp-form>
```
提交逻辑全靠action-xhr属性接后端，这点和传统开发差别贼大。
最后必做验证：装个浏览器插件叫「AMP Validator」，刷新任意文章页看有没有红叉错误。常见坑点——图片没写width/height、用了非法CSS动画。修完记得去谷歌Search Console提交AMP地图，不然白干。