افزودن اندازه های جدید تصاویر شاخص به وردپرس
کد تخفیف در جریان devme1397 %10 تا آخر پاییز97

وردپرس به صورت پیش فرض اندازه هایی برای تصاویر شاخص در نظر گرفته که می توانید از آنها استفاده کنید. این اندازه ها با نام های full (اندازه کامل تصویر) ، medium (اندازه عادی) ، thumbnail (بند انگشتی) و … در دسترس هستند. اما در برخی از طراحی ها و قالب ها نمی توانیم به استفاده از این اندازه ها بسنده کنیم!

چرا که ممکن است این اندازه ها برای بخشی از قالب که طراحی کرده ایم یا بسیار بزرگ باشد یا بسیار کوچک!

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

اولین قدم برای این کار افزودن کد زیر به functions.php قالب است :

add_action( 'after_setup_theme', 'devme_theme_setup' );
function devme_theme_setup() {
  add_image_size( 'homethumb', 200, 200, true );
  add_image_size( 'archivethumb', 250, 250, true );
  add_image_size( 'sliders', 500, 500, true );
}

add_filter( 'image_size_names_choose', 'devme_register_images' );
function devme_register_images( $sizes ) {
    $custom_sizes = array(
        'homethumb' => 'Home Small Images',
        'archivethumb' => 'Archive Images',
        'sliders' => 'Slider Images'
    );
    return array_merge( $sizes, $custom_sizes );
}

 

تنظیمات :

  • در خط های  3 تا 5 این کد ، ما 3 نوع سایز مختلف معرفی کرده ایم. نام این اندازه ها homethumb و archivethumb و sliders است. اندازه تصویر در homethumb همانطور که مشاهده می کنید 200 پیکسل عرض و 200 پیکسل ارتفاع است.
  • در خطوط 3 تا 5 در انتهای دستورات معرفی اندازه جدید ، کلمه true برای بریدن تصاویر بزرگ کاربرد دارد. یعنی تصاویر بزرگ Crop خواهند شد و تصویر شما برای رسیدن به اندازه تعریف شده ، کشیده نخواهد شد. در صورت تمایل برای غیرفعال کردن برش تصاویر می توانید بجای true از false استفاده کنید.
  • در خطوط 3 تا 5 اعداد اول از سمت چپ برای عرض تصویر و عدد بعدی برای ارتفاع تصویر است.
  • در خطوط 11 تا 13 هم باید نام هایی را که در خط های 3 تا 5 وارد کرده ایم را به صورت بالا تعریف کنیم.

 

و در نهایت جهت استفاده از این اندازه باید کد زیر را در مکانی که قصد داریم از این اندازه ها استفاده کنیم ، قرار دهیم :

<?php if ( has_post_thumbnail()) the_post_thumbnail('homethumb'); ?>

 

و بجای homethumb هم نام اندازه ای که تعریف کرده ایم را باید وارد کنیم!

 

توجه :

افزودن اندازه های جدید و استفاده از تصاویر مربوط به آن اندازه ها ، فقط برای مطالب جدیدی که پس از تعریف اندازه ها اضافه می شوند اعمال خواهد شد. تصاویر مطالبی که قبل از تعریف اندازه جدید ثبت شده اند ، تغییری نخواهند کرد و برای اعمال تغییرات و اندازه های جدید روی تمامی تصاویر قبلی باید با استفاده از افزونه Regenerate Thumbnails تغییرات را روی تصاویر قبلی هم اعمال کنید.

هنوز دیدگاهی ارسال نشده! نظر شما چیست؟

دیدگاه شما درباره این صفحه چیست؟