WordPressAMP页面设置

AMP这玩意儿，说白了就是“加速移动页面”，手机上打开那叫一个快，嗖嗖的！现在用户刷手机比吃饭还勤，页面加载慢半秒，人家直接划走——老板看见了不得骂你？而且谷歌、百度这些搜索引擎也待见AMP，排名能往前挤挤…所以啊，WordPress站点搞个AMP，刚需！

Step 1：先把插件安排上！

WordPress玩AMP最省事的就是用官方插件，别瞎折腾那些花里胡哨的第三方，坑太多。直接进后台左边菜单“插件 → 安装插件”，搜“AMP"，第一个带“Official”标的就是它！点“安装”，完了“启用”，别犹豫，信我，官方插件虽然有时候像个直男——功能简单但稳啊！

Step 2：默认设置先跑起来再说

启用插件后会弹个设置向导，新手直接点“开始使用”，跟着走就行！这里划重点：“模板模式”选标准模式，别选“过渡模式"，那玩意儿后期改起来头大，一会儿兼容这个一会儿兼容那个，烦都烦死。标准模式虽然一开始功能少点，但干净，不容易出幺蛾子。

Step 3：把花里胡哨的先砍了！

AMP页面讲究“简洁”，你想想，手机屏幕就那么大，又是弹窗又是动画的，放上去直接歇菜。进“AMP → 设置 → 外观”，把“导航菜单”“页脚”“侧边栏”这些非必需的先关了——关了先，等页面能正常跑了，再慢慢加，急啥？

Step 4：想改样式？加段代码就行！

默认样式太丑？想把标题改成公司LOGO色？简单！进“外观 → 主题文件编辑器”，找到主题的functions.php（改之前先备份！手滑删错了别哭鼻子），贴这段代码：

// 自定义AMP页面样式
add_action( 'amp_post_template_css', function() {
    ?>
    .amp-wp-title { color: #ff6600; } /* 标题改成橙红色 */
    .amp-wp-content p { font-size: 16px; line-height: 1.6; } /* 正文字体16px，行高1.6 */
    .amp-wp-meta { display: none; } /* 隐藏作者/日期这些元信息 */
    <?php
} );

啥意思？就是告诉AMP：标题用橙红色，正文字大点、行距舒服点，作者信息先藏了（有时候用户不爱看这个）。保存完刷新页面，立马见效——是不是比PS改图还快？

Step 5：验证！验证！验证！

别以为插件一开就万事大吉，AMP页面有“规矩”，比如不能用复杂JS、某些HTML标签也不让用。怎么看有没有问题？随便打开一篇文章，在网址后面加个/?amp（比如https://你的网站.com/文章名/?amp），然后右键“查看页面源代码”，搜“AMP validation”——要是显示“PASS”，妥了；要是有红叉叉，看提示改！比如提示“script标签不允许”，就把对应插件关了，AMP页面不需要那么多花架子。

最后说句掏心窝子的

AMP不难，就是细心点：插件打底，关了多余元素，代码微调样式，验证通过——齐活！图片记得压缩成WebP格式，AMP更爱；广告别堆太多，用户看着烦，搜索引擎也不待见…

老板问你AMP搞得咋样了？你就拍胸脯说：“搞定！手机打开比火箭还快，用户看完都不想走！”——倍儿有面！

（哦对了，改代码前一定备份！重要的事儿说三遍：备份！备份！备份！）

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。