Blog, WordPress, WordPress Plugins

WordPress Featured Image Preview In Your Admin Post Menu

If you're a WordPress user, and you're anything like me, you will write a bunch of articles and forget to set the associated featured image. If you manage multiple users you also might find yourself logging in to check others have done the same. The following WordPress function (or plugin) will add a featured image column with an image preview on your 'All Posts' menu in the WordPress administration panel.

Once you have made the necessary modification, your admin panel will look like this:

Scaled featured image alongside other post details.

add_image_size() Function

When an image is uploaded via the WordPress upload tool, it is automatically scaled to various dimensions as defined in your 'Settings ► Media' administration menu (or the custom sizes defined by you or your theme). The problem with this (and its compatibility with our little function) is that we'll reference the raw unscaled (original, larger) image. While the larger image won't distort your page, necessarily, it will increase page-load time. For that reason, we'll use the WordPress the_post_thumbnail() function to create an image size of our choosing that fits nicely into our newly created featured image column. An image dimension of 60x60 seems to work well although you could choose whatever you want.

add_image_size('admin-list-thumb', 60, 60, true);

Related WordPress functions if you're interested in further reading: add_image_size() , get_the_post_thumbnail() , get_post_thumbnail_id() , set_post_thumbnail_size() , has_post_thumbnail() .

The Function

Copy and paste the WordPress function into your theme's functions.php file or, if you sensibly have one installed, your custom functions plugin. You may optionally download and install our plugin from the bottom of of the page.

<?php

WordPress Featured Image Preview In Your Admin Post Menu

http://www.beliefmedia.com/wordpress-featured-image-menu

Size & name of featured image

add_image_size('admin-list-thumb', 60, 60, true);

Add featured image colum (we'll call it 'Featured')

function beliefmedia_add_post_thumbnail_column($cols){

$cols['wp_post_thumb'] = __('Featured');

return $cols;

}

add_filter('manage_posts_columns', 'beliefmedia_add_post_thumbnail_column', 5);

add_filter('manage_pages_columns', 'beliefmedia_add_post_thumbnail_column', 5);

Get scaled featured-thumbnail & display it

function beliefmedia_display_post_thumbnail_column($col, $id) {

switch($col) {

case 'wp_post_thumb':

if( function_exists('the_post_thumbnail') )

echo the_post_thumbnail( 'admin-list-thumb' );

else

echo 'Not supported in theme';

break;

}

add_action('manage_posts_custom_column', 'beliefmedia_display_post_thumbnail_column', 5, 2);

add_action('manage_pages_custom_column', 'beliefmedia_display_post_thumbnail_column', 5, 2);

If you're happy to use the smallest thumbnail that WordPress creates by default (150x150), or if you're already using smaller dimensions, you could change echo the_post_thumbnail( 'admin-list-thumb' ); on line 32 to echo the_post_thumbnail('thumbnail');, and remove or comment out the add_image_size() function to create a new image.

Download

The version intended to be pasted in your custom functions file is listed as shortcode.

Title: WordPress Featured Image Preview In Your Admin Post Menu (WP Plugin)
Description: Add a featured image column with an image preview on your 'All Posts' menu in the WordPress administration panel.
Download • Version 0.2, 1.6K, zip, Category: WordPress Plugins (General)
WordPress Shortcodes, (642.0B)

Download our 650-page guide on Finance Marketing. We'll show you exactly how we generate Billions in volume for our clients.