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

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

اما استفاده تصویر شاخص در وردپرس چیه؟

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

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

نحوه اختصاص اولین عکس درپست به عنوان عکس شاخص در وردپرس

نحوه انتخاب اولین عکس به عنوان تصویر شاخص مطلب در وردپرس :

خب برای این کار ابتدا از فایل functions.php موجود در ریشه قالبتون یک نسخه پشتیبان تهیه کنید. تا در صورتی که برای شما مشکلی پیش اومد بتونید با جایگزین کردن فایل قبلی مشکل رو رفع بکنید. فایل functions.php رو میتونید در پوشه : wp-content/themes/ghaleb/ پیدا بکنید. 

از طریق خود File manger هاستتون فایل 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] [۰];
if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}

در کد  انتخاب اولین عکس به عنوان تصویر شاخص مطلب در وردپرس اول از همه قالب شما بررسی میکند که  تصویری در مطلب قرار گرفته یا نه؟ 
اگه تصویری موجود بود که اولین تصویر رو به عنوان تصویر شاخص مطلب انتخاب میکنه،  اما اگر تصویری وجود نداشت به دنبال تصویری با نام default در دایرکتوری مخصوص عکس ها (images) خواهد بود.

به همین منظور شما میتوانید تصویر دلخواهی را با نام default در دایرکتوری عکس ها قرار بدید تا به عنوان تصویر شاخص مطلب ی که عکسی در آن وجود ندارد انتخاب شود.

در صورت نبودن پوشه ای با نام images میتوانید یکی را ایجاد کنید.

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

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

<?php echo catch_that_image() ?>

و نکته ی پایانی : حتما توجه داشته باشید که کد بالا در داخل حلقه query قرار بگیرد.

با توجه به اینکه ما کد های خودمون رو در فایل functions.php قرار دادیم اگر شما قصد خرید قالب وردپرس رو دارید و یا قالب وردپرس سایتتون رو تغییر میدید،‌این قابلیت در سایت شما غیرفعال میشود و شما باید عملیات بالا را برای قالب جدید سایتتون تکرار بکنید.

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