WordPress分类页图片展示及首页文章图片异常的原因与删除方法

既然你提到了分类页面的图片展示问题，我先把平时遇到最多的几个场景和解决办法整理给你——毕竟这类问题大多逃不出这几种情况：

• 分类页不显示文章特色图片
  首先得确认两件事：

  1. 你的主题分类模板支持调用特色图片：打开主题的category.php或archive.php文件，看看循环里（就是while (have_posts()) : the_post();那段代码里）有没有the_post_thumbnail()这个函数。如果没有，直接把这段代码插进去就行：

     <?php if (has_post_thumbnail()) : ?>
         <div class="category-post-img">
             <?php the_post_thumbnail('medium'); // 这里可以换成thumbnail、large、full，对应你要的尺寸 ?>
         </div>
     <?php endif; ?>
     

  2. 你给分类下的文章都设置了特色图片：编辑文章时，右侧面板里的「特色图片」模块，得上传并设置好才行。

• 图片大小乱、排版丑
  这个好办，两种思路：

  1. 统一图片尺寸：去后台「设置」→「媒体」里调整预设的缩略图/中等/大尺寸，保存后用Regenerate Thumbnails插件重新生成所有图片的尺寸，这样所有图片都会按你设的规格来。
  2. 用CSS强制统一：在主题的自定义CSS里加这么一段，保证图片排版整齐：

     .category-post-img img {
         width: 100%;
         height: 220px;
         object-fit: cover; /* 保持图片比例，裁掉多余的部分，不会变形 */
     }
     

• 想给分类本身加封面图
  如果是要给每个分类单独设置封面，要么用Category Images这类插件一键搞定，要么自己动手加代码：
  在category.php的顶部（循环外面）加这段代码，调用分类的自定义字段图片（记得先在分类编辑页加个叫category_cover的自定义字段，上传图片填地址）：

  <?php
  $current_cat_id = get_queried_object_id();
  $cat_cover = get_term_meta($current_cat_id, 'category_cover', true);
  if ($cat_cover) : ?>
      <div class="category-header-cover">
          <img src="<?php echo esc_url($cat_cover); ?>" alt="<?php single_cat_title(); ?>">
      </div>
  <?php endif; ?>
  

这个问题我简直熟得不能再熟了！很多新手都会碰到，核心原因就是首页和文章详情页调用图片的逻辑不一样，具体分这几种情况，对应解决方法一步就能搞定：

原因1：这是文章的「特色图片」 #

绝大多数主题的首页/博客列表页会自动调用文章的特色图片，但文章详情页可能没设置显示它——所以你在首页看到的图，其实是你给文章设置的特色图片，只是详情页没展示而已。

删除方法：
打开那篇文章的编辑页，右侧面板找到「特色图片」模块，点击「移除特色图片」，更新文章后，首页的图片就没了。

原因2：主题首页模板硬编码了自定义字段图片 #

有些主题的首页模板（比如front-page.php或home.php）会单独调用某个自定义字段的图片，和文章内容、特色图片都没关系。

排查&删除步骤：

1. 先看文章编辑页的「自定义字段」面板（如果看不到，点右上角的「选项」，勾选「自定义字段」），找有没有类似home_top_image或者featured_home_img这类字段，直接删除对应的字段值就行。
2. 如果找不到自定义字段，就去主题文件夹里找首页模板文件，搜一下调用图片的代码，比如：

   <?php $home_img = get_post_meta(get_the_ID(), 'home_feature_img', true);
   if ($home_img) echo '<img src="'.$home_img.'">'; ?>
   

   要么删掉这段代码（以后所有文章首页都不会显示这个图），要么针对那篇文章清空对应的自定义字段值。

原因3：插件自动添加的首页展示图 #

比如一些首页轮播、文章列表美化类的插件，会自动抓取或者让你设置首页专属的展示图片，这些图片和文章本身内容完全无关。

解决方法：
打开你装的这类插件的设置页面，找到那篇文章的关联设置，移除对应的图片就行。

内容的提问来源于stack exchange，提问作者sandeep jenda