如何正确将导入的静态HTML页面与WordPress建立关联
静态HTML页接入WordPress操作方向
- 首先明确你的核心需求,按需选择对应操作路径:
路径1:将静态页作为WordPress站点下的独立子页面
- 进入WordPress后台,依次点击「页面」-「添加新页面」,设置好页面标题和自定义固定链接(如
/brand-intro) - 在编辑器中插入「自定义HTML」区块,将你已有的
index.html完整代码粘贴到区块中 - 修改代码内所有资源引用路径为绝对路径,比如原路径
./img/banner.png改为https://dedeluxe.shop/img/banner.png,避免css、js、图片加载失败 - 点击发布即可,访问你设置的固定链接就可以正常打开该页面,和直接访问
/index.html效果完全一致
路径2:将静态页设置为WordPress站点首页
- 登录你的站点服务器控制面板,进入站点根目录(即存放
index.html和WordPress核心文件夹wp-admin、wp-content的目录) - 调整Web服务器的默认索引文件优先级,将
index.html的优先级调整到index.php之前,Apache、Nginx默认配置通常已满足该规则 - 配置完成后直接访问根域名
dedeluxe.shop就会加载你上传的静态首页,WordPress后台可通过dedeluxe.shop/wp-admin正常访问,不影响其他WordPress功能使用
只有当你需要该静态页面调用WordPress内置功能(如文章列表、用户系统等)时,才需要开发自定义WordPress主题,当前需求无需新增任何.php、.css、.js文件即可完成配置。
内容的提问来源于stack exchange,提问作者BROADCAST - LIVE STREAMING APP
相关产品推荐
相关产品推荐

