Warning — degraded

WordPress Featured Image Not Showing? 8 Easy Fixes That Actually Work

Dimuthu Harshana
Affects
WordPress Errors
WordPress Featured Image Not Showing? 8 Easy Fixes That Actually Work

Have you ever experienced that sinking feeling when you publish a WordPress post, only to discover your carefully chosen featured image has vanished? Furthermore, you check your homepage and see blank spaces where stunning visuals should capture your visitors’ attention.

This WordPress featured image not showing problem affects countless website owners. Moreover, it’s not just about aesthetics – missing featured images can seriously impact your site’s performance. Consequently, your social media shares look unprofessional, your blog homepage appears incomplete, and your click-through rates suffer.

Here’s what makes this issue particularly frustrating: featured images work perfectly in your WordPress dashboard, but they simply won’t display on your live website. Additionally, when you share posts on Facebook or Twitter, only plain text appears without any visual appeal.

Featured images are crucial because they serve as visual hooks that grab attention, boost engagement, and make your content shareable across social platforms. Therefore, when WordPress featured images stop showing, your entire content strategy takes a hit.

WordPress featured images (also called post thumbnails) are the primary visual representations of your content. Specifically, they appear in multiple locations:

Illustration showing WordPress featured images appearing on blog homepage, social media posts, email newsletters, and archive pages across different devices
  • Blog homepage as post preview thumbnails
  • Individual post pages at the top of content
  • Social media platforms when sharing links
  • Archive pages and category listings
  • Recent posts widgets in sidebars
  • Email newsletters and RSS feeds

Without functional featured images, your website loses its visual impact. As a result, visitors spend less time on your site, and your content becomes harder to share effectively.

Understanding why WordPress featured image not showing occurs helps you choose the right solution. Here are the primary culprits:

  • Your theme doesn’t support featured image functionality
  • Missing template code for displaying images
  • Theme updates that removed featured image support

Technical Configuration Problems

  • WordPress memory limits preventing image uploads
  • Incorrect file permissions blocking image access
  • Plugin conflicts disrupting image display

Settings and Upload Issues

  • Featured image function disabled in dashboard
  • Images too large for server upload limits
  • Corrupted media library files

Performance and Caching Conflicts

  • Lazy loading plugins preventing image display
  • Caching showing outdated page versions
  • CDN configuration issues

Now, let’s dive into the detailed solutions that will restore your WordPress featured image functionality.

Before implementing technical solutions, let’s ensure your WordPress featured image not showing issue isn’t due to basic setup problems.

Step-by-Step Verification Process:

Step 1: Check Featured Image Settings

  1. Navigate to your WordPress Dashboard
  2. Click Posts → All Posts (or Pages → All Pages)
  3. Select any post that should display a featured image
  4. Click Edit to open the post editor

Step 2: Check for Featured Image Panel

If you don’t see the “Featured Image” section in your post editor:

  1. First, click Screen Options at the top-right of the page
  2. Look for “Featured Image” in the list of options
  3. If you see it, check the box to enable it
  4. If “Featured Image” doesn’t appear in Screen Options, this means your theme doesn’t support featured images yet – proceed directly to Fix 2 to enable theme support first

Step 3: Set Your Featured Image

  1. In the Featured Image panel, click “Set featured image”
  2. Choose an existing image from your Media Library or Upload a new one
  3. Select your desired image by clicking on it
  4. Click the blue “Set featured image” button
  5. Update or Publish your post

Step 4: Test the Display

  1. Click “View Post” to see your live webpage
  2. Check if the featured image now appears correctly
  3. Test on both desktop and mobile devices

Pro Tip: If the image appears in some locations but not others, your theme might have specific size requirements for different display areas.

Many themes, particularly older or custom-built ones, don’t automatically support featured images. This WordPress featured image not showing fix is essential for proper functionality.

Method A: Using WPCode Plugin (Beginner-Friendly)

This method is safer because it doesn’t require direct file editing:

Step 1: Install WPCode Plugin

  1. Go to Plugins → Add New
  2. Search for “WPCode”
  3. Install and Activate the free version

Step 2: Add Featured Image Support Code

  1. Navigate to Code Snippets → Add Snippet
  2. Click “Add Your Custom Code”
  3. Select “PHP Snippet”
  4. Enter this title: “Enable Featured Image Support”
  5. Add this code in the code box:
function enable_featured_images_support() {
    add_theme_support('post-thumbnails');
    
    // Set default featured image sizes
    set_post_thumbnail_size(1200, 628, true);
    
    // Add custom image sizes
    add_image_size('featured-large', 1200, 628, true);
    add_image_size('featured-medium', 600, 314, true);
}
add_action('after_setup_theme', 'enable_featured_images_support');
  1. Set Insertion Method to “Auto Insert”
  2. Click “Save Snippet”
  3. Activate the snippet

Method B: Direct functions.php Editing (Advanced Users)

⚠️ Important: Always create a complete website backup before editing theme files.

Step 1: Access Your Theme Files

Via WordPress Dashboard:

  1. Go to Appearance → Theme Editor
  2. Select “Theme Functions (functions.php)”Warning: This method can break your site if done incorrectly

Warning: This method can break your site if done incorrectly

Via cPanel File Manager:

  1. Log into your cPanel
  2. Open File Manager
  3. Navigate to public_html/wp-content/themes/your-theme-name/
  4. Right-click functions.php and select Edit

Via FTP Client:

  1. Connect to your website using FileZilla or similar FTP software
  2. Navigate to /wp-content/themes/your-theme-name/
  3. Download functions.php to your computer
  4. Open it in a text editor like Notepad++

Step 2: Add the Featured Image Code

Add this code at the end of your functions.php file, before the closing ?> tag (if it exists):

// Enable WordPress featured image support
function my_theme_featured_image_setup() {
    // Add featured image support
    add_theme_support('post-thumbnails');
    
    // Set default thumbnail size
    set_post_thumbnail_size(1200, 628, true);
    
    // Add additional image sizes
    add_image_size('post-thumbnail-large', 1200, 628, true);
    add_image_size('post-thumbnail-medium', 600, 314, true);
}
add_action('after_setup_theme', 'my_theme_featured_image_setup');

Step 3: Save and Upload

  • WordPress Dashboard: Click “Update File”
  • cPanel: Click “Save Changes”
  • FTP: Save the file and upload it back to your server

Step 4: Verify the Fix

  1. Go to any post editor in your WordPress dashboard
  2. Check if the “Featured Image” panel now appears
  3. Set a featured image and test if it displays on your website

When WordPress featured image not showing due to upload failures, it’s typically a server memory or file size limitation issue.

Understanding the HTTP Error Message

If you see errors like:

  • “HTTP error occurred during upload”
  • “The uploaded file exceeds the upload_max_filesize directive”
  • “Fatal error: Allowed memory size exhausted”

These indicate server-level restrictions preventing image uploads.

Solution A: Increase PHP Memory Limit via wp-config.php

If you’re seeing memory-related errors when uploading featured images, this is typically caused by WordPress hitting its memory limit.

For detailed step-by-step instructions on increasing your WordPress memory limit, including multiple methods and troubleshooting tips, please read our comprehensive guide: How to Fix the WordPress Fatal Error: Allowed Memory Size Exhausted.

Quick Summary: You’ll need to add define('WP_MEMORY_LIMIT', '512M'); to your wp-config.php file, but the full guide provides safer methods and additional context.

Solution B: Edit .htaccess File Method

For detailed instructions on safely editing your .htaccess file, including backup procedures and troubleshooting tips, please read our comprehensive guide: How to Fix .htaccess File in WordPress: A Comprehensive Beginner’s Guide.

Quick Summary for Featured Image Issues:

Step 1: Locate .htaccess File

The .htaccess file is also in your website’s root directory. Note that it’s a hidden file, so you might need to show hidden files in your file manager.

Step 2: Add Memory Directives

Add these lines at the top of your .htaccess file:

# Increase PHP limits for WordPress featured images
php_value memory_limit 512M
php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

Step 3: Save and Test

  1. Save the .htaccess file
  2. Upload it back to your server
  3. Test featured image upload functionality

Solution C: Create php.ini File (If Allowed by Host)

Some hosting providers allow custom php.ini files:

Step 1: Create php.ini File

  1. Create a new text file named php.ini
  2. Add this content:
; WordPress featured image upload settings
memory_limit = 512M
upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300
max_input_time = 300
file_uploads = On

Step 2: Upload to Root Directory

  1. Upload the php.ini file to your website’s root directory
  2. Test if featured image uploads now work

Important Note: Not all shared hosting providers allow php.ini customization. If this method doesn’t work, contact your hosting support team.

Plugin conflicts are among the most common causes of WordPress featured image not showing problems. Furthermore, these conflicts can be tricky to identify without systematic testing.

Step-by-Step Plugin Conflict Detection

Step 1: Create a Complete Backup

Before deactivating plugins:

  1. Use a backup plugin like UpdraftPlus or BackWPup
  2. Alternatively, contact your hosting provider for a backup
  3. This ensures you can restore your site if anything goes wrong

Step 2: Systematic Plugin Deactivation

  1. Go to Plugins → Installed Plugins
  2. Deactivate ALL plugins except:
    • Security plugins (if essential)
    • Backup plugins
    • Any plugins critical for site functionality

Method to Deactivate All Plugins Quickly:

  1. Check the box at the top of the plugin list (selects all)
  2. Choose “Deactivate” from the Bulk Actions dropdown
  3. Click “Apply”
diactivate plugin

Step 3: Test Featured Image Display

  1. Visit your website’s homepage
  2. Check individual posts with featured images
  3. Test the post editor to see if featured images appear
  4. If featured images now work, a plugin conflict was the culprit

Step 4: Identify the Problematic Plugin

  1. Reactivate plugins one by one
  2. After each activation, test featured image functionality
  3. When featured images stop working again, you’ve found the problematic plugin

Lazy Loading Plugins:

  • WP Rocket lazy loading feature
  • Smush lazy loading
  • a3 Lazy Load
  • BJ Lazy Load

Image Optimization Plugins:

  • ShortPixel (with aggressive settings)
  • Imagify (certain configurations)
  • EWWW Image Optimizer (some settings)

Page Builder Plugins:

  • Elementor (with custom image settings)
  • Beaver Builder
  • Visual Composer

SEO Plugins:

  • Yoast SEO (Open Graph conflicts)
  • RankMath (social media settings)

Resolving Specific Plugin Conflicts

For Lazy Loading Plugins:

  1. Go to the plugin’s Settings
  2. Look for “Exclude” or “Skip” options
  3. Add these exclusions:
    • CSS Class: wp-post-image
    • CSS Class: attachment-post-thumbnail
    • CSS Class: post-thumbnail

Example for WP Rocket:

  1. Go to Settings → WP Rocket → Media
  2. In “Excluded Images”, add: .wp-post-image, .attachment-post-thumbnail

For Image Optimization Plugins:

  1. Check if the plugin has “WebP conversion” enabled
  2. Look for “Resize original images” settings
  3. Ensure “Preserve original images” is enabled
  4. Disable “Aggressive optimization” if available

Lazy loading can interfere with WordPress featured image display, especially above-the-fold images that should load immediately.

Add this code to your theme’s functions.php file or use the WPCode plugin:

// Disable lazy loading for WordPress featured images
function disable_lazy_loading_featured_images($attr, $attachment, $size) {
    // Check if this is a featured image
    if ($size === 'post-thumbnail' || $size === 'thumbnail' || 
        strpos($size, 'featured') !== false) {
        $attr['loading'] = 'eager';
        $attr['decoding'] = 'sync';
    }
    return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'disable_lazy_loading_featured_images', 10, 3);

// Also disable for the_post_thumbnail function
function priority_load_featured_images($html, $post_id, $post_thumbnail_id, $size, $attr) {
    // Add loading="eager" to featured images
    $html = str_replace('<img', '<img loading="eager" decoding="sync"', $html);
    return $html;
}
add_filter('post_thumbnail_html', 'priority_load_featured_images', 10, 5);

Plugin-Specific Lazy Loading Solutions

For Native WordPress Lazy Loading:

WordPress 5.5+ includes native lazy loading. To disable it for featured images:

// Disable WordPress native lazy loading for featured images
function disable_wp_lazy_loading_featured($attr, $attachment, $size) {
    if (is_admin()) {
        return $attr;
    }
    
    // Disable lazy loading for featured image sizes
    $featured_sizes = array('post-thumbnail', 'thumbnail', 'medium', 'large');
    if (in_array($size, $featured_sizes)) {
        $attr['loading'] = 'eager';
    }
    
    return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'disable_wp_lazy_loading_featured', 10, 3);

Sometimes WordPress featured image not showing occurs because existing images aren’t properly sized for your current theme requirements.

regenarate thimbnail plugin

Step 1: Install the Plugin

  1. Go to Plugins → Add New
  2. Search for “Regenerate Thumbnails”
  3. Install the plugin by Alex Mills
  4. Activate the plugin

Step 2: Regenerate All Thumbnails

  1. Navigate to Tools → Regenerate Thumbnails
  2. Click “Regenerate Thumbnails for All X Attachments”
  3. Wait for the process to complete (this may take several minutes)
  4. The plugin will show progress and completion status

Step 3: Test Featured Image Display

  1. Visit your website’s homepage
  2. Check posts with featured images
  3. Clear any caching if images still don’t appear

Manual Image Size Configuration

Step 1: Configure Media Settings

  1. Go to Settings → Media
  2. Set these recommended sizes:
    • Thumbnail size: 150 × 150 pixels
    • Medium size: 300 × 300 pixels
    • Large size: 1024 × 1024 pixels

Step 2: Add Custom Featured Image Sizes

Add this code to functions.php or via WPCode:

// Custom featured image sizes for better display
function custom_featured_image_sizes() {
    // Primary featured image size (for social sharing)
    add_image_size('featured-image', 1200, 628, true);
    
    // Homepage thumbnail
    add_image_size('home-thumbnail', 400, 250, true);
    
    // Archive page thumbnail  
    add_image_size('archive-thumbnail', 300, 200, true);
    
    // Mobile featured image
    add_image_size('mobile-featured', 600, 314, true);
}
add_action('after_setup_theme', 'custom_featured_image_sizes');

Incorrect file permissions can prevent WordPress featured images from displaying properly on your website.

Understanding WordPress File Permissions

WordPress requires specific file permissions to function correctly:

  • Directories (folders): 755 or 750
  • Files: 644 or 640
  • wp-config.php: 600 or 644
  • uploads folder: 755 (to allow image uploads)

Fix Permissions via cPanel File Manager

Step 1: Access File Manager

  1. Log into your cPanel
  2. Click “File Manager”
  3. Navigate to public_html (your website’s root directory)

Step 2: Fix Uploads Folder Permissions

  1. Navigate to wp-content/uploads/
  2. Right-click on the uploads folder
  3. Select “Change Permissions”
  4. Set permissions to 755
  5. Check “Recurse into subdirectories”
  6. Click “Change Permissions”

Step 3: Fix Individual File Permissions

  1. Select all image files in uploads folder
  2. Right-click and choose “Change Permissions”
  3. Set to 644
  4. Apply changes

Fix Permissions via FTP Client

Step 1: Connect via FTP

  1. Open FileZilla or your preferred FTP client
  2. Connect to your website using FTP credentials
  3. Navigate to your website’s root directory

Step 2: Change Folder Permissions

  1. Navigate to wp-content/uploads
  2. Right-click on uploads folder
  3. Select “File Permissions”
  4. Set Numeric value to 755
  5. Check “Recurse into subdirectories”
  6. Click OK

Step 3: Change File Permissions

  1. Select image files
  2. Right-click → “File Permissions”
  3. Set Numeric value to 644
  4. Apply changes

Caching can cause WordPress featured image not showing issues by serving outdated page versions without your newly added images.

Clear WordPress Plugin Cache

For WP Rocket:

  1. Go to Settings → WP Rocket
  2. Click “Clear Cache” button
  3. Also click “Preload Cache” if available

For W3 Total Cache:

  1. Look for “Performance” in admin menu
  2. Click “Purge All Caches”
  3. Wait for confirmation message

For WP Super Cache:

  1. Go to Settings → WP Super Cache
  2. Click “Delete Cache” button
  3. Confirm the action

For Cache Enabler:

  1. Go to Settings → Cache Enabler
  2. Click “Clear Cache”
  3. Check if featured images now appear

Clear Browser Cache

Desktop Browsers:

  • Chrome/Firefox: Press Ctrl + F5 (Windows) or Cmd + Shift + R (Mac)
  • Safari: Press Cmd + Option + R
  • Edge: Press Ctrl + F5

Test in Incognito/Private Mode:

  1. Open incognito window (Chrome) or private window (Firefox/Safari)
  2. Visit your website
  3. Check if featured images appear in private browsing

Clear CDN Cache (If Applicable)

For Cloudflare:

  1. Log into Cloudflare dashboard
  2. Select your website
  3. Go to “Caching” tab
  4. Click “Purge Everything”
  5. Confirm the action

For MaxCDN/StackPath:

  1. Access your CDN control panel
  2. Find “Purge Cache” option
  3. Select “Purge All Files”
  4. Wait for completion

When basic fixes don’t resolve WordPress featured image not showing issues, these advanced solutions can help.

Step 1: Enable Database Repair

Add this line to your wp-config.php file:

define('WP_ALLOW_REPAIR', true);

Step 2: Run Database Repair

  1. Visit: yourwebsite.com/wp-admin/maint/repair.php
  2. Click “Repair Database”
  3. Wait for the process to complete
  4. Remove the WP_ALLOW_REPAIR line from wp-config.php when finished

Manual Theme Template Fix

If your theme lacks proper featured image display code:

Step 1: Identify Template Files

Common files that display featured images:

  • single.php (individual posts)
  • index.php (homepage)
  • archive.php (category pages)
  • page.php (static pages)

Step 2: Add Featured Image Code

Add this code where you want featured images to appear:

<?php if (has_post_thumbnail()) : ?>
    <div class="featured-image-container">
        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
            <?php the_post_thumbnail('large', array('class' => 'featured-image')); ?>
        </a>
    </div>
<?php endif; ?>

Install and Configure Yoast SEO:

  1. Install Yoast SEO plugin
  2. Go to SEO → Social
  3. Enable Open Graph meta tags
  4. Set a default featured image for posts without one
  5. Test with Facebook Sharing Debugger

Alternative: RankMath SEO Setup:

  1. Install RankMath plugin
  2. Go to RankMath → General Settings → Social Meta
  3. Enable Open Graph meta tags
  4. Configure default images for social sharing

Regular Maintenance Checklist

Monthly Tasks:

  • Update WordPress core, themes, and plugins
  • Test featured images after updates
  • Monitor website error logs
  • Check image upload functionality

Quarterly Tasks:

  • Review and optimize image sizes
  • Clean up unused media files
  • Test featured images on mobile devices
  • Verify social media sharing functionality

Optimal Image Specifications:

  • Dimensions: 1200 × 628 pixels (ideal for social sharing)
  • File format: JPEG for photos, PNG for graphics with transparency
  • File size: Under 1MB (preferably 100-500KB)
  • Compression: Use tools like TinyPNG before uploading

Technical Recommendations:

  • Always set featured images for every post
  • Use descriptive alt text for accessibility
  • Ensure images are mobile-responsive
  • Test social media sharing regularly

WordPress featured image not showing is a common but solvable problem. Most issues stem from theme support, memory limits, or plugin conflicts – all fixable with the right approach.

Here’s your action plan:

  1. Start with basic verification – ensure images are properly set
  2. Enable theme support – add the necessary code via WPCode plugin
  3. Increase memory limits – edit wp-config.php or .htaccess files
  4. Test for plugin conflicts – systematically deactivate and reactivate
  5. Address lazy loading – exclude featured images from lazy loading
  6. Regenerate thumbnails – ensure proper image sizes
  7. Fix file permissions – set correct folder and file permissions
  8. Clear all caches – remove outdated cached versions

Remember to always backup your website before making changes. Most WordPress featured image problems resolve within the first three solutions.

Your featured images are too important for visual appeal and social sharing to let this issue persist. With these detailed fixes, you’ll have your WordPress featured images displaying perfectly again.

Sudden WordPress featured image not showing issues typically result from recent plugin updates, theme changes, or hosting server modifications. Additionally, lazy loading plugin conflicts or memory limit changes can cause this problem. Start by checking recent plugin updates and deactivating them one by one to identify the culprit.

Check if the “Featured Image” panel appears in your post editor. If missing, go to Screen Options and enable it. However, if it still doesn’t appear, your theme lacks featured image support. Consequently, you’ll need to add add_theme_support('post-thumbnails'); to your functions.php file.

The optimal WordPress featured image size is 1200 × 628 pixels. This dimension works perfectly for social media sharing, most themes, and responsive displays. Furthermore, keep file sizes under 1MB and use JPEG format for photos to ensure fast loading speeds.

Yes! Many WordPress featured image not showing issues can be resolved without coding. Try these non-coding solutions first: check plugin conflicts, clear cache, regenerate thumbnails using plugins, verify image uploads, and ensure proper image selection. However, if these don’t work, you may need simple code additions using the WPCode plugin for safety.

Dimuthu Harshana

"I'm not a guru. I'm a builder... a peer who's slightly ahead, not preaching from a mountaintop."

Related fixes

← All error fixes

This site contains affiliate links. If you make a purchase through one of these links, we may earn a small commission at no extra cost to you. Learn more.