如何在WordPress文章中直接嵌入展示HTML文件而非跳转链接

一共3种可落地的方案，按操作成本从低到高排序：

• 方案1：iframe标签嵌入（最省事，无需修改原文件）
  直接在文章编辑页添加「自定义HTML」区块，插入如下代码，把src属性值换成你自己的HTML文件地址，调整height数值适配内容高度即可：

``` *因为你的HTML文件存放在当前站点的wp-content上传目录下，不存在跨域限制，只要直接打开该HTML文件能正常显示样式、运行交互，嵌入后就可以正常展示。如果嵌入后出现滚动条，适当调大height的像素值即可。*

• 方案2：源码直插（无iframe框架，SEO更友好）
  直接打开本地的HTML源文件，复制<body>标签内的所有内容，连带所需的<style>样式标签、必要的<script>脚本标签，一起粘贴到「自定义HTML」区块中。
  注意：WordPress默认的编辑器会自动过滤部分HTML标签、转义脚本代码，如果粘贴保存后出现样式丢失、功能失效，安装一个轻量的HTML片段插入插件，把代码存为独立片段后再插入文章即可，全程不要切换到可视化编辑模式操作，避免代码被自动篡改。

• 方案3：自定义页面模板（适合HTML内容占满整页的场景）
  如果你需要把这个HTML作为文章的全页内容展示，可以把原HTML文件改写为WordPress自定义页面模板，上传到当前启用主题的根目录下，新建文章/页面时直接选择对应模板即可，展示效果和原HTML完全一致，不需要额外插入任何代码。

避坑提示：不要在可视化编辑模式下粘贴HTML代码，可视化模式会自动转义代码符号、过滤脚本标签，必然导致内容错乱、功能失效。

内容的提问来源于stack exchange，提问作者Alex Serban