آموزش تغییر اندازه تصویر شاخص در وردپرس

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

تغییر سایز تصویر شاخص در وردپرس

به طور پیش‌فرض، شما می‌توانید سایز تصاویر را پس از آپلود در وردپرس از قسمت تنظیمات به سه سایز بند انگشتی، متوسط و بزرگ تغییر دهید.

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

افزودن اندازه دلخواه برای تصاویر شاخص

<?php add_image_size( $name, $width, $height, $crop ); ?>

این تابع چهار پارامتر دریافت می‌کند که به ترتیب نام، عرض، ارتفاع و اجازه‌ی بریدن تصاویر را تعیین می‌کنند. پارامتر $crop بولین است و مقدار true یا false می‌گیرد که به صورت پیشفرض false است. (پارامتر $crop از نسخه ی 3.9 به وردپرس اضافه شده است)

برای مثال می‌خواهیم تصاویری که آپلود می‌کنیم در سایز 170 در 200 هم ذخیره شوند و در صورت بزرگ بودن تصویر، قسمت اضافه بریده شود. برای این منظور کافیست کدهای زیر را به فایل functions.php پوسته اضافه کنید تا سایز جدید به تصاویر شما اضافه شود.

//Add New Image Size
add_image_size('post-thumbnail', 170, 200, true); //post-thumbnail

همانند مثال بالا به سادگی می‌توانید اندازه ی دلخواه خود را به تصاویر وردپرس اضافه کنید و سپس به روش زیر از آن‌ها استفاده کنید.

 <?php the_post_thumbnail( 'post-thumbnail'); ?>

در این‌جا، نامی که هنگام اضافه‌کردن سایز جدید تعریف کردیم، در پارامتر تابع the_post_thumbnail قرار می‌گیرد.

 حذف کردن سایز تصویر

در صورتی که از سایز‌های پیش‌فرض تصاویر استفاده نمی‌کنید، می‌توانید برای جلوگیری از حجیم شدن اطلاعات سایت خود آن‌ها را حذف کنید. فیلتر intermediate_image_sizes_advanced تمامی سایزهای تصاویر تعریف شده را درون یک آرایه برمی‌گرداند که ما می‌توانیم توسط تابع unset() در PHP، سایزهای مورد نظر را حذف کنیم.

function remove_default_img($sizes) {
    unset( $sizes['medium']);
    unset( $sizes['large']); 
    unset( $sizes['thumbnail']);
    return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'remove_default_img');

افزونه‌های تغییر سایز تصاویر وردپرس

یکی از حرفه‌ای‌ترین افزونه‌های تغییر سایز تصاویر در وردپرس، افزونه‌ی Imsanity می‌باشد. با استفاده از این افزونه شما می‌توانید پس از اقدام به نصب و فعال‌سازی، سایز مورد نظر خود را تعریف کرده و سایز تصاویر موجود در وب سایت خود را به صورت گروهی تغییر دهید. همچنین امکان تغییر فرمت تصاویر نیز در این افزونه برای شما وجود دارد.

مطالب پیشنهادی:

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

جمع‌بندی:

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

نظر شما در رابطه با تغییر سایز تصاویر سایت‌های وردپرسی چیست؟ شما کدام یک از روش‌ها را ترجیح می‌دهید؟ خوشحال می‌شویم تجربیات و نظرات خود را با ما در میان بگذارید.

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

چه امتیازی به این مقاله می دید؟

1 2 3 4 5