افزودن تصویر مطلب برای تصویر شاخص در وردپرس

thumbnail یا همان تصویر شاخص جزیی از تصاویر در وردپرس است که از آن برای عکس نوشته استفاده می‌شود که با اشتراک گذاری مطالب در صفحات اجتماعی می‌توان از این تصویر استفاده کرده و یا در قالب سایت نوشته‌های خود را همراه با تصاویر نمایش دهید که می‌تواند زیبایی ظاهری و رابط کاربری متناسب‌تری را در سایت ایجاد کند.

در این آموزش از دکتر وردپرس قصد دارم تا به معرفی قطعه کدی بپردازم که با استفاده از آن قادر خواهید بود تا بدون نیاز به اینکه لازم باشد به صورت دستی تصویر شاخص برای نوشته خود انتخاب کنید اولین تصویری که در نوشته آپلود شده است را به عنوان تصویر شاخص همان نوشته انتخاب نمایید.

افزودن تصویر مطلب برای تصویر شاخص در وردپرس

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

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}

همان طور که در این قطعه کد مشاهده می‌کنید در صورتی که در نوشته شما تصویری وجود داشته باشد اولین تصویر به عنوان تصویر شاخص انتخاب خواهد شد و اگر تصویری در نوشته وجود نداشته باشد تصویری که با عنوان default در دایرکتوری images از قالب وردپرس قرار دارد را انتخاب خواهد کرد که بنا به انتخاب خود می‌توانید تصویر دلخواهی را با همین نام طراحی کرده و در پوشه images قالب خود قرار دهید. اگر هم چنین پوشه‌ای ندارید می‌توانید آن را ایجاد کنید.

حال برای اینکه تصویر شاخص در نوشته نمایش داده شود وارد ویرایشگر فایل single.php قالب خود شده و کد زیر را در مکان مناسبی از آن که می‌خواهید تصویر شاخص نمایش داده شود قرار گیرد.

<?php echo catch_that_image() ?>

دقت داشته باشید که این کد باید در داخل حلقه query قرار گرفته باشد.