WordPress页面中iframe嵌入PDF无法加载的问题求助

核心问题与修复方案 #

1. 移除无效字符 #

你的WordPress代码里，PDF文件名后包含两个多余的反引号 ``，这会直接导致URL路径解析错误，是无法加载的直接原因。

2. 修正路径拼接逻辑 #

• WordPress的URL路径仅支持正斜杠（/），原Bootstrap代码中的反斜杠（\）需要替换为正斜杠
• bloginfo('stylesheet_directory')输出的URL末尾无斜杠，拼接时要避免多余空格，推荐使用更可靠的get_stylesheet_directory_uri()函数（返回完整URL字符串，适合直接拼接）

修正后的可用代码 #

<iframe width="100%" height="500px" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/external/filename.pdf" frameborder="0" allowfullscreen></iframe>

额外验证步骤 #

• 确认PDF文件存放在当前主题目录的assets/external/路径下（示例路径：wp-content/themes/你的主题名称/assets/external/filename.pdf）
• 直接访问生成的PDF URL（比如https://你的域名/wp-content/themes/你的主题名称/assets/external/filename.pdf），验证文件是否可正常访问，若无法访问需检查文件权限或文件是否存在
• 若使用子主题且PDF文件存放在父主题目录，将get_stylesheet_directory_uri()替换为get_template_directory_uri()

内容的提问来源于stack exchange，提问作者M'bark aabbad