نحوه ایجاد اندازه تصویر اضافی در وردپرس

 

آیا می خواهید اندازه های تصویر اضافی در وردپرس ایجاد کنید؟

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

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

ایجاد اندازه های اضافی تصویر در وردپرس

چرا اندازه تصویر اضافی در وردپرس ایجاد کنیم؟

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

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

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

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

ثبت اندازه تصویر اضافی برای تم

اکثر مضامین وردپرس از جمله تمام تم های برتر وردپرس به طور پیش فرض از ویژگی های پست کوچک (تصویر ویژه) پشتیبانی می کنند.

با این حال، اگر در حال ایجاد یک پوسته وردپرس سفارشی هستید، باید با افزودن کد زیر به فایل functions.php، از تصاویر کوچک پست پشتیبانی کنید.

add_theme_support( 'post-thumbnails' );

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

مطلب پیشنهادی  نحوه اضافه کردن فرم جستجو در پست وردپرس با یک کد کوتاه

تابع add_image_size در قالب زیر استفاده می شود:

add_image_size( 'name-of-size', width, height, crop mode );

کد نمونه می تواند به شکل زیر باشد:

add_image_size( 'sidebar-thumb', 120, 120, true ); // Hard Crop Mode
add_image_size( 'homepage-thumb', 220, 180 ); // Soft Crop Mode
add_image_size( 'singlepost-thumb', 590, 9999 ); // Unlimited Height Mode

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

بیایید هر مثال و نحوه استفاده از آنها را در پروژه های خود پوشش دهیم.

1. حالت برش سخت

همانطور که ممکن است متوجه شوید، یک ارزش واقعی پس از ارتفاع اضافه می شود. این به وردپرس می‌گوید که تصویر را دقیقاً به اندازه‌ای که ما تعریف کرده‌ایم (در این مورد 120 x 120 پیکسل) برش دهد.

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

نمونه تصاویر برش سخت

2. حالت برش نرم

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

نمونه محصول نرم

حالت ارتفاع نامحدود

مواقعی وجود دارد که تصاویر بسیار طولانی دارید که می خواهید در طراحی خود استفاده کنید، اما می خواهید مطمئن شوید که عرض محدود است. به عنوان مثال، تصاویر اینفوگرافیک بسیار طولانی و معمولاً گسترده تر از عرض محتوا هستند.

مطلب پیشنهادی  نحوه ارسال خودکار وردپرس در فیس بوک

این حالت به شما این امکان را می دهد که عرضی را مشخص کنید که طراحی شما را شکسته و ارتفاع را نامحدود نگه می دارد.

حالت ارتفاع نامحدود

نمایش اندازه های اضافی تصویر در قالب وردپرس شما

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

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

توجه: این بیت کد باید در حلقه پست قرار گیرد.

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

بازسازی اندازه های اضافی تصویر

اگر این کار را در یک سایت کاملاً جدید انجام نمی‌دهید، احتمالاً باید تصاویر کوچک را بازسازی کنید.

تابع add_image_size() فقط اندازه ها را از نقطه ای که به تم اضافه شده است تولید می کند. این بدان معنی است که هر عکس پستی که قبل از گنجاندن این تابع اضافه شده است اندازه جدیدی نخواهد داشت.

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

ریز عکسها را بازسازی کنید

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

مطلب پیشنهادی  نحوه استفاده از Headline Analyzer در وردپرس برای بهبود عناوین SEO

برای جزئیات بیشتر، مقاله ما را در مورد چگونگی بازسازی آسان اندازه های تصویر جدید در وردپرس ببینید.

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

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

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

می توانید این کار را با افزودن کد زیر به فایل توابع تم خود انجام دهید.

function wpb_custom_image_sizes( $size_names ) {
    $new_sizes = array(
        'homepage-thumb' => 'Homepage Thumbmail', 
        'singlepost-thumb' => 'Infographic Single Post'
    );
    return array_merge( $size_names, $new_sizes );
}
add_filter( 'image_size_names_choose', 'wpb_custom_image_sizes' );

فراموش نکنید که تغییرات خود را پس از افزودن کد ذخیره کنید.

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

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

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

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

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

پست نحوه ایجاد اندازه تصویر اضافی در وردپرس اولین بار در WPBeginner ظاهر شد.

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

به بالای صفحه بردن