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

معرفی افزونه اضافه کردن تصویر بندانگشتی برای دسته ها

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

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

اضافه کردن تصویر بندانگشتی به دسته ها در وردگرس

با کلیک روی دکمه می توان از لیست رسانه ها ، تصویری را برای دسته یا برچسب انتخاب کرد.

تگ های مربوط به پوسته

با اضافه کردن افزونه تصویر بندانگشتی برای دسته ها، در طراحی پوسته برای وردپرس می توان از توابع زیر برای دسترسی به تصویر بندانگشتی دسته ها استفاده کرد:

get_term_thumbnail_id( $term_taxonomy_id )

بدست آوردن شناسه مربوط به یک دسته بندی با شماره مورد نظر

has_term_thumbnail( $term_taxonomy_id )

بررسی اینکه یک دسته بندی دارای تصویر بند انگشتی هست یا خیر

get_term_thumbnail( $term_taxonomy_id, $size = ‘post-thumbnail’, $attr = ” )

بدست آوردن تصویر بندانگشتی برای دسته مورد نظر

همانطور که مشاهده کردید برای استفاده از این توابع نیاز به شناسه دسته ($term_taxonomy_id) هست.

نمایش دادن لیست دسته بندی ها

برای نمایش تمام دسته ها از تابع get_terms() استفاده می کنیم. دستورات زیر لیست دسته ها را به ما می دهد:

<?php
$taxonomy = 'category';
$args = array(
'orderby'           => 'name',
'order'             => 'ASC',
'hide_empty'        => true,
'exclude'           => array(),
'exclude_tree'      => array(),
'include'           => array(),
'number'            => '',
'fields'            => 'all',
'slug'              => '',
'parent'            => '',
'hierarchical'      => true,
'child_of'          => 0,
'childless'         => false,
'get'               => '',
'name__like'        => '',
'description__like' => '',
'pad_counts'        => false,
'offset'            => '',
'search'            => '',
'cache_domain'      => 'core',
);
$terms = get_terms($taxonomy, $args);
?>

برای نمایش خروجی شامل لیست دسته ها ، پس از اجرای کد فوق ، حلقه تکرار زیر را اجرا می کنیم، تا دسته ها را یکی یکی چاپ کند:

<?php
if (!empty($terms) && !is_wp_error($terms) ){
echo '<p>'. $taxonomy .':</p>';
echo '<ul>';
foreach ($terms as $term) {
echo $term->name;
}
echo '</ul>';
}
?>

خروجی کدفوق بصورت زیر است:

نمایش لیست دسته ها در وردپرس

نمایش لیست دسته ها با تصویر بندانگشتی

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

if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
echo '<ul>';
foreach ( $terms as $term ) {
echo '<li><a href="/index.php/' . $taxonomy . '/' . $term->slug . '">' . $term->name . get_term_thumbnail( $term->term_taxonomy_id, $size = 'category-thumb', $attr = '' ) . '</a></li>';
}
echo '</ul>';
}

که خروجی آن پس از اعمال تنظیمات CSS می تواند بصورت زیر باشد:

 

نمایش لیست دسته ها در وردپرس با تصویر بندانگشتی

افزونه معرفی شده برای اضافه کردن تصویر بندانگشتی به دسته ها همچنین به ما امکان می دهد تا تنها دسته های دارای تصویر بند انگشتی را نمایش دهیم، برای این کار باید در نمونه کدهای فوق آرایه $args  را بصورت زیر مقداردهی کنیم:

$taxonomy = 'category';
$args = array(
'with_thumbnail' => true, // true = retrieve terms that has thumbnail, false = retrieve all terms
);
$terms = get_terms($taxonomy, $args);

در پایان یادآوری می شود، با این روش می توان تصاویر بندانگشتی را به برچسب ها، دسته های پیوند هم اضافه کرد.

نمایش قابل چاپ