مرکز آموزش میهن وب هاست

مرکز آموزش میهن وب هاست

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

پرینت این مقاله پرینت این مقاله

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

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

با هربار آپلود تصویر، وردپرس آن را به صورت زیر سایز بندی و ذخیره می کند:

  • تصویر بند انگشتی: (150*150)

  • اندازه میانه: (300*300)

  • اندازه بزرگ: (1024*1024)

  • اندازه کامل: (تصویر آپلود شده شما)

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

برای تغییر اندازه پیش فرض وردپرس، پس از ورود به پیشخوان از بخش تنظیمات بر روی "رسانه" کلیک نمایید.(شماره 1) در این بخش تنظیمات مربوط به سه سایز بند انگشتی، اندازه میانه و اندازه بزرگ را مشاهده خواهید کرد. روبروی هر کدام کادر مربوط به پهنا و ارتفاع وجود دارد که با تغییر مقدار این دو مورد، سایز عکس تغییر خواهد کرد. در نهایت بر روی گزینه "ذخیره تغییرات" (شماره 2) کلیک کنید تا تغییرات شما ذخیره شود.

تصویر(1)

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

  1. پس از ورود به پیشخوان از بخش نمایش بر روی "ویرایشگر پوسته" کلیک نمایید.

تصویر(2)

  1. از لیست فایل های موجود در سمت چپ، بر روی "توابع پوسته (functions.php)" کلیک کنید.

تصویر(3)

  1. دستورات زیر را در این فایل قرار دهید.

add_theme_support('pop-up-banner');

add_image_size( 'banner size', 1000, 590);

add_image_size( 'widget size', 220, 180);

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

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

توجه: قبل از اینکه تغییری در قالب وردپرس ایجاد کنید، از اطلاعات خود بکاپ تهیه نمایید.

فایل index.php مربوط به قالب را ویرایش کنید و دستور زیر را درون حلقه post قرار دهید.

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

به جای "your-specified-image-size" باید نامی که در مرحله قبل در نظر گرفتید را تنظیم کنید.

تصویر(4)

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

به منظور نصب افزونه، ابتدا وارد پیشخوان وردپرس شوید و مانند تصویر زیر از بخش افزونه ها بر روی " افزودن" کلیک کنید.

تصویر(5)

با کلیک بر روی افزودن به صفحه "افزودن افزونه" انتقال داده می شوید که می بایست در کادر جستجو عبارت "Regenerate Thumbnails" (شماره 1) را وارد نمایید، در لیست نتایج همانند تصویر زیر بر روی گزینه "هم اکنون نصب کن" (شماره 2) کلید کنید.

تصویر(6)

سپس افزونه را فعال نمایید.

تصویر(7)

پس از فعال سازی افزونه، از بخش رسانه بر روی "کتابخانه" کلیک کنید.

تصویر(8)

بر روی تصویر مدنظر کلیک نمایید و سپس از سمت چپ صفحه بر روی گزینه "بازسازی تصاویر بندانگشتی" کلیک کنید.

تصویر(9)

بر روی "بازسازی تصاویر بند انگشتی" مطابق تصویر زیر کلیک کنید.

تصویر(10)

در نهایت اندازه تصویر مدنظر شما، بر روی تصویر انتخاب شده اعمال خواهد شد.

تصویر(11)

3/5 از 16 رای