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

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

اول باید کد زیررو در فایل functions.php  اضافه کنید . اگه همچین فایل رو داخل قالبتون ندارید اون را با نام functions.php درست کنید .

<?php 
      add_theme_support('post-thumbnails');
?>

با اضافه کردن کد بالا به فایل فانکشن که در ریشه قالب هستش شما قابلیت پشتیبانی از تصاویر بند انگشتی رو به قالبتون اضافه کردید و می تونید تصویر بند انگشتی تون رو به مطلب ها اضافه کنید ولی در پست ها نشون داده نمیشه برای نشون دادن تصویر بند انگشتی در هر جای قالب کافیه که کد زیر رو قرار بدید :

<?php the_post_thumbnail(); ?>

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

در جواب باید بگم  اگه مطلبتون تصویر شاخص نداشت اون رو نشون نمیده و این باعث میشه ظاهر و چیدمان سایت بهم بخوره ، برای رفع این مشکل باید از دستور شرطی استفاده کنیم به این معنی که اگه مطلب تصویر شاخص داشت اون رو نشون میده و اگه مطلب فاقد تصویر شاخص بود تصویری که شما در دستور شرطی به  عنوان جایگزین برای نوشته هایی که تصویر شاخص ندارند نشون داده میشه که دستور شرطی به این شکل هستش :

<?php if(has_post_thumbnail()):?>
     <?php the_post_thumbnail(); ?>
     <?php else : ?>
     <img src="<?php bloginfo('template_directory'); ?>/images/img.png">
<?php endif; ?>

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

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

اگه بخواید اندازه های مختلف و دلخواه برای  تصاویر بند انگشتی مشخص کنید می تونید از کد های زیر استفاده کنید برای این کار کدهای زیر رو به فایل فانکشن قالبتون اضافه کنید  :

if (function_exists('add_image_size')){
add_image_size( 'first-thumb', 300, 255, true);
add_image_size( 'secound-thumb', 400, 300, true);
add_image_size( 'third-thumb', 125, 125, true);
}

با ذخیره کردن تغییرات شما سه اندازه مختلف برای تصاویر بند انگشتی انتخاب کردید که در پارامتر اول دستور بالا میتونید نام مورد نظرتون رو بنویسید در پارامتر دوم طول را مشخص می کنیم و در پارامتر سوم عرض تصویر رو مشخص می کنیم . برای استفاده از اندازه های دلخواه  باید از کد زیر استفاده کنیم :

<?php the_post_thumbnail('first-thumb'); ?>

اگه از این کد استفاده کنیم تصویر شاخص ها در اندازه های 300 در 255 خواهد بود چون داخل کوتیشن از first-thumb استفاده کردیم ، ولی اگه بخوایم تصاویر با اندازه های 125 در 125 داشته باشید کافیست که داخل کوتیشن بنویسیم third-thumb .