You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress自定义文章类型模板the_content区域图片不显示问题求助

自定义文章类型模板图片不显示的修复方案

嘿,我看了你的模板代码,其他功能都正常就是图片加载不出来,咱们来捋捋问题出在哪,以及怎么修复:

先说说代码里的小问题

  • 你模板里没加WordPress核心的wp_head()和wp_footer()函数,这俩可是关键!WordPress处理媒体资源、解析图片URL都依赖它们加载的钩子和资源,没加的话图片路径很可能出问题。
  • 那段空的foreach($posts as $post)循环完全没用,还可能干扰主循环的上下文,得删掉。
  • 用<table>和<tr>包内容有点多余,反而可能搞乱布局,直接用<div>就够了。

修复后的完整代码

记得你的模板文件名要符合WordPress规范哦,比如single-{你的自定义文章类型slug}.php,然后替换成下面的代码:

<html lang="en" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <?php wp_head(); // 必须加!加载WordPress头部必要资源,处理图片URL全靠它 ?>
</head>
<body>
    <fieldset>
        <?php if (have_posts()) : while (have_posts()) : the_post() ; ?>
            <legend><?php the_title(); ?></legend>
            <div>
                <?php the_content(); // 现在图片URL应该能正确解析啦 ?>
            </div>
        <?php endwhile; else : ?>
            <p>Nothing Found</p>
        <?php endif; ?>
    </fieldset>
    <?php wp_footer(); // 加载底部必要资源,别漏了 ?>
</body>
</html>

额外要检查的点

如果改完还是看不到图片,你可以做这几步排查:

  • 确认注册自定义文章类型时,supports参数里包含了'editor',不然编辑器里的图片没法正常保存和输出。
  • 按F12打开浏览器开发者工具,看看图片的src属性是啥,要是显示404或者相对路径,就针对性调整路径或者检查媒体库的图片是否存在。

内容的提问来源于stack exchange,提问作者Protik

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 09:13:39