تصویر شاخص یا بند انگشتی (Thumbnail) همان تصویری است که می توان در زمان نوشتن یک پست یا مطلب به آن اضافه کرد که بر حسب تعریف ما در فایل functions.php (که بسته به نیازمون در جلسات بعدی مورد بررسی قرار خواهیم داد) می تواند سایزبندی شود.

برای فعالسازی تصاویر شاخص بایستی کد زیر را به فایل functions.php اضافه نمود:
if (function_exists('add_theme_support')) {
    add_theme_support( 'post-thumbnails' );
}

بعد از فعالسازی آن (که در قسمت نوشتن مطلب یا پست اضافه می شود) نوبت به تعریف اندازه های دلخواه می رسد. برای این کار از کدهای زیر در فایل functions.php استفاده می کنیم:
if (function_exists('add_image_size')){
    add_image_size( 'myThumb', 100, 100, true);
}
نکته: در کد بالاعبارت myThumb همان نام دلخواه برای این اندازه است تا در فراخوانی ها از آن استفاده نمائیم. البته سه اندازه small و medium و larg نیز بصورت پیش فرض تعریف شده اند. همچنین کلمه true نمایانگر این است که تصویر اصلی برای این اندازه بردیه یا crop شود.

بعد از تعریف اندازه ها، نوبت به استفاده از این تصاویر در قسمت های مختلف قالبمان می رسد. که برای این کار کافی است از کد های زیر استفاده نمائیم:
<?php
if (has_post_thumbnail()) {
    the_post_thumbnail('myThumb');
}
else{
    echo '<img src="'.get_template_directory_uri().'/img.jpg" />';
}
?>
در تکه کد بالا ابتدا بررسی می کنیم که آیا تصویر شاخص برای پست یا مطلب مان درنظر گرفته شده است یا نه. اگر آری از خود تصویر شاخص در اندازه تعریف شده برای myThumb استفاده می کنیم و اگر نه که از عکس پیش فرضمان استفاده می کنیم.

نکته: به جای کد سطر سوم می توان از کد زیر نیز استفاده کرد که اندازه را در همان جای می توانیم تعریف نماییم:
echo get_the_post_thumbnail($post->ID, array(طول,عرض));

همچنین می توانیم برای نمایش این تصاویر از کد زیر نیز بهره جوییم:
<?php echo wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>


در جلسه بعد با بررسی کد های مربوط به منو یا فهرست ها در خدمتتون خواهیم بود.