排版是转换中一旦出错人们最先注意到的部分。这里准确说明哪些内容会被迁移,以及决定转换后页面是继承主题字体还是保留原始字体的那个设置。
从源内容读取什么
对于每个标题、段落、按钮和列表,都会捕获计算后的值:字体系列、字号、字重、文本转换、字体样式、文本装饰、行高和字间距。这些值会写入小部件自身的“排版”分组,因此每一项在 Elementor 中都可编辑,而不是被锁定在样式表中。
字号按断点分别捕获。这对流式排版很重要——写成 clamp() 表达式的标题没有直接对应的 Elementor 等价物,因此会存储三个采样值(桌面端、平板、移动端),对大多数设计而言已足够贴近曲线。
字体选项:原始字体还是站点字体
在选项面板中,你可以选择字体的处理方式:
- 保留原始排版 —— 每个小部件都会获得从源内容复制的显式字体设置。页面看起来与原始 HTML 一致,不受主题影响。
- 使用站点排版 —— 跳过小部件级排版,转而引用 Elementor 的全局排版。标题采用站点的标题字体,正文采用正文字体。
当你要把一个区块带入已有品牌站点并希望它自动匹配时,请使用第二种。当你要忠实还原设计时,请使用第一种。
网络字体不会随之迁移
这是最常令人意外的地方。字体系列名称只是一个字符串——如果源页面从外部样式表加载字体,该样式表不会被携带到 WordPress 中。小部件会显示正确的系列名称,但除非该字体在你的站点上可用,浏览器会退回到系统字体。
有两种解决方法:在 Elementor 中注册字体(站点设置 > 自定义字体),或使用已经加载该字体的主题。请在判断转换结果之前完成这一步,否则你会看到回退渲染,并去追查一个并不存在的问题。
标题层级
标题标签默认会保留,因此一个 <h2> 会变成一个设置为 H2 的标题小部件。此外还有一种语义模式,会重新调整文档层级——当你把一个顶层标题为 H1 的独立页面导入到已有 H1 的页面时,这就很有用。一个页面上出现两个 H1 是值得避免的 SEO 问题。
完整清单——八个属性,仅此而已
这里说精确比含糊更有用,因为它能准确告诉你该预期什么、需要重做什么。小部件排版会接收:字体系列、字号、字重、文本转换、字体样式、文本装饰、行高和字间距。
CSS 文本模型中的其他所有内容都不属于 Elementor 排版分组,也不会迁移——例如文本阴影、单词间距、空白处理、连字符、font-variant、文本缩进。如果你的设计依赖其中任何一项,请把它们视为需要手动处理的内容,而不是转换失败。
字体系列名称在转换过程中还会去掉引号,因此 "Helvetica Neue", sans-serif 到达时会变成 Elementor 控件可接受的形式,而不是被其当作一个奇怪的带引号系列名称。
仅写入非默认值
这八项中有四项在保持默认值时会被跳过:字重 400、转换 none、样式 normal 和装饰 none 都会保留为未设置,而不是显式写入。
这样做的效果是,你会得到一个真正可读的排版面板。打开一个转换后的段落,你会看到字体系列、字号和行高——这三项是真正被确定的——而不是八个字段中有五个写着“normal”。当某些项被设置时,说明它们是有意设置的。
这也意味着小部件会在应继承的地方真正继承。没有显式字重的段落会继续从你的 Elementor 全局设置继承字重,而不是永远被固定为 400,这一点在你某天把正文字体换成常规字重为 350 的字体时很重要。
站点排版模式完全不写入任何内容
这一点值得准确说明,因为“使用站点排版”听起来可能会映射值过去。实际上不会。在该模式下,排版步骤会立即返回,不会向小部件写入任何字体设置——小部件会绑定到你的全局排版并继承所有内容。
这就是为什么以站点模式转换的区块能完全适应目标站点,而以原始模式转换的同一区块在你修改全局字体时不会变动。两者没有优劣之分;它们回答的是不同问题。“让这个内容与我的站点一致”需要第一种;“精确复现这个设计”需要第二种。
仍应检查的内容
- 移动端断点下的长标题——近似的流式排版可能会让换行显得别扭。
- 大写展示文本的字间距;细微差异非常显眼。
- 多行正文的行高,尤其是源内容使用了无单位值时。
- 你是否真的需要小部件级排版——切换为站点排版往往会让长期维护容易得多。
- 任何依赖文本阴影、单词间距或文本缩进的内容——这些都在八项之外,需要重新应用。