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
相关产品推荐
相关产品推荐

