• پایان فعالیت بخشهای انجمن: امکان ایجاد موضوع یا نوشته جدید برای عموم کاربران غیرفعال شده است

افزودن چند تصویر شاخص در وردپرس

bestirani2

Registered User
تاریخ عضویت
12 ژانویه 2007
نوشته‌ها
590
لایک‌ها
82
اخیراً یکی از خوانندگان کانال از ما درخواست کرده است که آموزش افزودن چند تصویر شاخص در وردپرس را در کانال قرار دهیم. به صورت پیش فرض اکثر پوسته های وردپرس امکان افزودن یک تصویر شاخص را دارند اما در بعضی از پروژه های سفارشی نیاز به اضافه کردن تصویر شاخص دوم داریم. در این مقاله ما چگونگی افزودن چند تصویر شاخص در وردپرس را به شما آموزش می دهیم.
اولین کاری که باید انجام دهید نصب و فعالسازی افزونه Multiple Post Thumbnails است سپس باید کد زیر را به قسمت functions.php پوسته اتان اضافه کنید.
1
if (class_exists('MultiPostThumbnails')) {
2

3
new MultiPostThumbnails(array(
4
'label' => 'Secondary Image',
5
'id' => 'secondary-image',
6
'post_type' => 'post'
7
) );
8

9
}
اکنون شما دومی تصویر شاخص را هم اضافه کردید و هنگام ایجاد یا ویرایش یک نوشته جدید، یک قسمت هم برای اضافه کردن تصویر شاخص ثانویه می بینید.


با اینکه تصویر ثانویه را در مدیریت وردپرس می بینید ولی با این حال آن را در خود سایت نمی بینید تا زمانی که آن را به پوسته اتان اضافه کنید. برای این کار باید کد زیر را داخل حلقه پست (post loop) قرار دهید تا تصویر شاخص دوم هم نمایش داده شود. ممکن است حلقه پست را در single.php، archive.php و … پیدا کنید.
1
<?php
2

3
if (class_exists('MultiPostThumbnails')) :
4

5
MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image');
6

7
endif;
8

9
?>
تمام شد. اکنون قالب شما چندین تصویر شاخص را نشان می دهد.


شما می توانید این مراحل را برای انجام هر تعداد تصویر شاخص که می خواهید، انجام دهید.
افزودن سایز جدید برای تصویر شاخص
اگر شما به هر دلیلی نیاز دارید که سایز دلخواه خود را برای تصویر شاخص ثانویه اضافه کنید کافیست از کد زیر استفاده کنید.
1
<?php
2

3
if (class_exists('MultiPostThumbnails')) :
4

5
MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image', NULL, 'secondary-featured-thumbnail');
6

7
endif;
8

9
?>
امیدوارم این مقاله برای شما مفید بوده باشد. منتظر نظرات و پیشنهادات شما در مورد این مقاله در نظرات هستیم.

برای دیدن تصاویر و کدها به طور کامل، به منبع برید
منبع
 

jackmorfy

Registered User
تاریخ عضویت
10 فوریه 2012
نوشته‌ها
1,054
لایک‌ها
154
آموزش خوبی بود
تشکر
 
بالا