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

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

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

catch-that-image

در این روش وقتی اولین تصویری که در نوشته آپلود می‌کنید کش شده و به عنوان تصویر شاخص می‌توان از آن استفاده کرد. برای این منظور وارد ویرایشگر قالب خود شده و فایل فانکشن (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 قالب خود قرار دهید. اگر هم چنین پوشه‌ای ندارید می‌توانید آن را ایجاد کنید.

پیشنهاد بعدی  افزایش امنیت وردپرس با حذف متاتگ Generator

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

<?php echo catch_that_image() ?>

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

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته
Loading...