如何把现有的 HTML 网站导入 Elementor

把静态 HTML 网站迁移到装有 Elementor 的 WordPress 上，听起来是个大工程；方法不对的话，也确实如此。但如果借助转换器逐页进行，大部分工作就只是按部就班。下面这套做法能让整个过程保持可控，最后得到的是真正可编辑的 Elementor 页面。

先把 WordPress 这边准备好

在转换任何内容之前，先准备好目标站点：一个已启用 Elementor 的 WordPress 站点；如果原网站用了网络字体，先注册好这些字体（站点设置 → 自定义字体）；如果希望导入的页面采用品牌颜色，就把它们设为全局颜色。先做好这些，你检查每个转换后的页面时，对照的就是真实的站点效果，而不是回退字体和临时颜色。

一次转换一个页面

不要试图一步导入整个网站。一页一页地处理，长页面再按区块拆开处理。每个转换单元都很容易核对；整个网站一次性处理则不然。分块转换还有一个好处：不会把旧网站的页眉、页脚和 Cookie 横幅带进每一个页面。

每个页面这样处理：打开它的 HTML，确认 CSS 是内联的或写在 style 块里，然后粘贴到转换器中，用原生组件模式转换。标题、文本、图片、按钮和布局会变成原生的 Elementor 小部件和容器，间距、颜色和字体排版也会落到真实的控件上。

页面多时最快的办法：批量转换

如果网站不止寥寥几页，你不必一个一个地喂给转换器。把所有 HTML 文件一次性拖到转换器上——两个及以上的文件会让它切换到批量模式。这些文件会用同一套设置依次转换，最后你下载一个 ZIP，里面每个页面对应一个 Elementor JSON 模板。

这样一来，WordPress 那边的工作就从“转换”变成了“导入”：打开模板 → 已保存的模板 → 导入，把模板导进来，再用各自的模板创建每个页面。一切仍然在你的浏览器里完成——一个三十页的网站，也不会把任何一个文件上传到任何地方。

有两条边界需要说清楚。批量转换使用自动映射——逐项映射面板和复制根节点都是单文件转换才有的功能——所以如果某个页面你想亲手调整每一块转成什么，之后最好再单独转换一次。另外，因为批量转换会按原样转换每个文件，共享的页眉和页脚会出现在每一个模板里：要么在拖入之前先从 HTML 文件中删掉它们，要么从每个导入的模板中删除那些容器。如果网站的公共页眉页脚部分很多，先修剪文件确实更快。

共享的页眉和页脚只处理一次

静态网站会在每个 HTML 文件里重复页眉和页脚。在 WordPress 中，你并不希望它们出现在页面内容里——而是希望把它们做成主题的页眉和页脚（或 Elementor 主题构建器模板），只搭建一次，全站通用。所以转换页面时，请在结构映射中使用复制根节点，只取该页面的主体内容，把页眉和页脚留在外面。它们单独搭建，只做一次。

图片和链接需要留意

• 图片：先上传到媒体库并引用真实 URL，导入时就无需任何手动步骤。本地文件路径和 Base64 图片无法变成附件，所以会以空占位图的形式进来——每个占位图都会保留它的 alt 文本作为说明，让你知道该上传哪张图。
• 内部链接：静态网站是在各个 .html 文件之间互相链接的。导入后，要把这些链接改成指向新的 WordPress URL。这是任何迁移中唯一繁琐的部分，没法绕过，但每个页面改起来都很快。
• 表单和菜单：表单的提交动作不会带过来——请把它接到你站点上的 Elementor 表单。导航则会变成真正的 WordPress 菜单。

哪些能转换好，哪些需要重做

布局、间距、颜色、字体排版、图片、图标和结构都能忠实地转换过来。脚本会被剥离，所以任何由 JavaScript 驱动的交互都要用原生小部件重建。悬停状态和动画要在 Elementor 中重新设置。事先知道这样的分工，迁移就成了一份可预期的清单，而不是一连串的意外。

一个行之有效的迁移顺序

1. 先把共享的页眉和页脚搭建好，只做一次。
2. 先转换首页，再转换主要的落地页，然后是内页。
3. 每个页面都先设置复制根节点来取内容，粘贴，再修正内部链接和图片。
4. 用原生方式重建交互部分（轮播、选项卡）。
5. 边做边把可复用的区块——比如功能网格、行动号召（CTA）横幅——保存到模板库，这样后面的页面就是拼装，而不是从零搭建。
6. 设置从旧 .html URL 到新 URL 的重定向，以保住搜索排名。

照这样做，把 HTML 网站导入 Elementor 就是一个稳步推进、逐页完成的过程，最后得到一个可编辑的 WordPress 网站——既不是推倒重建，也不是一堆无法编辑的代码块。