WordPress 封面图在手机上裁错了，怎么调整？

一张工作室横向照片，在电脑上看着刚好。到了手机上，工作台旁的人不见了，标题还压在一排工具上。换一张更高清的同款照片，大概也解决不了。先看看页面究竟显示了图片的哪一部分。

先挪焦点，别急着重做布局

WordPress 封面区块的焦点控件可以指定图片里需要关注的位置。关闭固定背景选项时，这个控件才会出现。官方封面区块指南说明了它的用法。

在草稿或测试副本中选中封面，把焦点往人物或商品上移，再分别查看窄屏和宽屏。手机上刚好露出人脸的位置，到了电脑上，可能又让标题挡住了脸。

也可以单独试着缩短标题。先把原文留在笔记里，方便比较。如果图片、标题、高度和间距一起改，最后很难判断是哪一步起了作用。

有些照片本来就不适合窄幅裁切

比如一张团队合照，两边都站着人。要把所有人放进狭窄的区域，脸就会很小；把人放大，边上的同事又会被裁掉。

这时可以把照片放到标题下方，让文字和图片各占一块。也可以换一张主体周围留白更多的照片。不必因此重做整个首页。

商品照片还要看看裁完之后，访客能不能认出卖的是什么。只剩一个把手的特写或许好看，但未必能说明整台设备的用途。

对着实际照片读一遍标题

逐行检查文字，尤其是经过亮窗户、花纹或复杂背景的部分。加遮罩有时能解决问题；如果必须把照片压得几乎看不见才读得清，就把文字挪到图片外面。

营业时间、预约方式这些重要信息，也不要只做在图片里。作为页面文字保留下来，图片裁切或加载失败时，访客仍能看到。

发布前，用手机竖屏、横屏和电脑各看一次，按钮也要一起检查。保留原图，并记下焦点位置，方便下次换图的人接着处理。

如果标题还没确定，可以先看小企业首页内容指南。知道首屏要放多少字之后，裁图会容易得多。