نماد سایت بیگ تم

نحوه قرار دادن اولین تصویر به عنوان تصویر شاخص

نحوه قرار دادن اولین تصویر به عنوان تصویر شاخص

نحوه قرار دادن اولین تصویر به عنوان تصویر شاخص

در این پست می خوام آموزش نحوه ی قرار دادن اولین تصویر به عنوان تصویر شاخص رو بگم یعنی اگر شما برای پست تصویر شاهص انتخاب نکرده باشید و در داخل پست چن تا تصویر استفاده کرده باشید اولین تصویر موجود در پست به عنوان تصویر شاخص شناخته بشه , واقعا بعضی وقت ها این مورد لازم میشه.

خوب برای اینکه بتونید این امکان رو به سایت وردپرس خودتون اضافه کنید ابتدا کد زیر رو در فایل 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/thumb.jpg";
}
return $first_img;
}

اگر توجه کنید داخل کد آدرس یک تصویر هم وجود داره که نام تصویر thumb.jpg هستش , شما می تونید داخل پوشه ی قالب پوشه ای به نام iamges داشته باشید که اغلب این پوشه داخل هر قالبی وجود داره , حال می تونید یک تصویر دلخواه به نام thumb.jpg داخل پوشه ی images قرار بدید تا در صورت عدم وجود تصویر یعنی نه برای پست تصویر شاخص انتخاب کردید نه داخل پست تصویری استفاده کردید در این صورت این تصویر به عنوان تصویر شاخص پیش فرض شناخته میشه.

مرحله ی دوم

خوب ما به وردپرس کد مورد نیاز رو معرفی کردیم حالا باید داخل پست ها تابع مربوط به تصویر شاخص رو فراخونی کنیم ( اگر قالب وردپرس شما از تصاویر شاخص پشتیبانی می کنه ) اما به این صورت نیست که اواین تصویر رو به عنوان تصویر شاخص قرار بده می تویند کد مربوطه قبلی رو حذف کنید , در وردپرس برای نمایش پست ها در بخش های مختلف از حلقه ها و کوئری ها استفاده شده که باید اون کدها رو پیدا کنید مثلا برای نوشته های سایت ممکن قالب وردپرس شما دارای فایلی به نام content.php باشه که حلقه پست داخل این فایل نوشته شده باشه یا index.php که باید ائن کد رو پیدا کنید اطلاعات بیشتر درباره ی فایل های قالب وردپرس رو در پست  آموزش ویرایش قالب وردپرس می تونید مطالعه کنید.

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

<?php echo catch_that_image() ?>

خوب خسته نباشید کار تمومه. امیدوارم مفید واقع بشه براتون.

منبع: بیگ تم

لینک: https://bigtheme.ir/the-first-image-as-thumbnail/

خروج از نسخه موبایل