WordPress(Elementor)嵌入本地PDF不显示,提示页面不存在
解决WordPress媒体库PDF嵌入Elementor HTML元素空白问题
问题原因
你的iframe代码缺少关键的src属性,直接写PDF文件名浏览器无法识别正确路径,导致出现“找不到页面”的空白窗口。原代码里的<iframe id = "alterationpdf" "Application_to_Perform_Alterations.pdf" frameborder="0">写法错误,没有指定文件的来源地址。
修复步骤
获取PDF的完整访问URL
- 登录WordPress后台,进入「媒体库」找到目标PDF文件
- 点击文件后,在右侧「附件详情」区域复制「文件URL」(这是WordPress为媒体文件生成的完整可访问地址)
修正嵌入代码
不需要在Elementor的HTML元素里编写完整的HTML文档(当前页面已经包含DOCTYPE、head等结构,重复编写会引发冲突),仅保留iframe标签即可,示例代码如下:<iframe id="alterationpdf" src="替换为你复制的PDF完整URL" frameborder="0" style="width:85%;height:975px;"></iframe>可选优化方案
如果遇到部分浏览器原生渲染PDF异常的情况,可以使用WordPress自带的PDF嵌入短代码(部分主题/插件需启用该支持):[pdf width="85%" height="975px" url="你的PDF完整URL"]
内容的提问来源于stack exchange,提问作者AHHHHHHHHHHHHHHHH
相关产品推荐
相关产品推荐

