آموزش ووکامرسافزونه ووکامرسووکامرس

تغییر سایز تصاویر محصولات ووکامرس

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

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

تغییر سایز تصاویر با افزونه Imsanity

افزونه تغییر سایز تصاویر ووکامرس را نصب و فعال سازی کنید بعد از نصب افزونه و فعال سازی آن شما با گزینه ی Imsanity در بخش تنظیمات در منوی مدیریت وردپرس مواجه خواهید شد بر روی آن کلیک کرده و وارد بخش تنظیمات افزونه شوید .
در صفحه ای که باز می شود گزینه های زیر را مشاهده می کنید :
Images uploaded within a Page/Post: سایز تصاویری که در بخش پست‌ها و برگه‌ها بارگذاری شده‌اند را انتخاب کنید
Images uploaded directly to the Media Library: تصاویری که از بخش رسانه ها آپلود یا بارگذاری شده اند را در این بخش مشخص کنید
Images uploaded elsewhere (Theme headers, backgrounds, logos, etc): هر عکسی که به جز دو قسمت یا بخش بالا بارگذاری می شوند در این
قسمت سایز بندی می شوند .
JPG image quality: کیفیت عکس ها از ۱ تا ۱۰۰ قابل تنظیم است تنها باید توجه داشته باشید که عکس هایی با کیفیت بالا تر دارای حجم بیشتری نیز هستند و عکس هایی با کیفیت پایین دارای خوانایی کمی هستند .
Convert BMP To JPG: شما می توانید در این بخش تعیین کنید که به‌صورت خودکار عکس‌هایی با فرمت BMP که بارگذاری می‌شوند به فرمت JPG تبدیل شوند و با فرمت JPG در سایت نمایش داده شوند.
Convert PNG To JPG: مانند گزینه ی بالا می باشد ولی با این تفاوت که این بار فرمت رایج PNG را به فرمت JPG تبدیل کنید .

بخش Bulk Resize Images
در این بخش اگر عکس هایی را از قبل داشته باشید با زدن گزینه Search Image می‌توانید عکس‌های قبلی را تغییر اندازه یا تغییر فرمت دهید.

تنظیمات پیکربندی محصولات ووکامرس
برای انجام تنظیمات تصاویر در ووکامرس و نحوه ی نمایش تصاویر از جمله اندازه و سایز تصویر ، موجودی تصاویر و تنظیمات دیگر
به آدرس زیر مراجعه کنید :
ووکامرس -> پیکربندی -> محصولات

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

تغییر سایز تصاویر محصولات ووکامرس
اندازه گیری: در این قسمت واحد وزن و اندازه محصولات را انتخاب کنید .
نقد و بررسی : این بخش دارای 4 گزینه به شرح زیر می باشد :
1- اگر بخواهید به دیدگاه ها امتیاز دهید این مورد را فعال کنید .
2- در این قسمت باید مشخص کنید که بازدید کنندگان برای ارسال دیدگاه رای دهند یا خیر
3- نشان دادن برچسب “مالک تائید شده” یعنی اگر یک مشتری با حساب کاربری وارد شد و یک محصولی را خریداری کرد یک برچسبی فعال شده که نشان میدهد که مالکیت تایید شده است.
4- تنها کاربرانی که محصولی خریداری کرده باشند قادر به ارسال نظر هستند.

تغییر سایز تصاویر محصولات ووکامرس

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

تغییر سایز تصاویر محصولات ووکامرس

نگاره های محصول : در این بخش می توانید حالت های ابعاد واقعی تصاویری را تنظیم کنید که شما در کاتالوگ خود ذخیره می کنید اگر بخواهید این تنظیمات را تغییر دهید نیاز به بازسازی تصاویر خواهید داشت .

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

تصاویر فهرست : از طریق این قسمت میتوانید سایز مربوط به تصاویر کاتالوگ محصولات را تعیین کنید. این سایز در حالت پیشفرض ۳۰۰ پیکسل در ۳۰۰ پیکسل است.
تصویر محصول تک : از طریق این گزینه میتوانید برای تصویر اصلی محصول سایزی را برگزینید! که این سایز در حالت پیشفرض ۶۰۰ پیکسل در ۶۰۰ پیکسل می باشد.
تصویر بند انگشتی محصولات : از طریق این قسمت میتوانید برای تصاویر کوچک “بند انگشتی” محصولات سایزی را به دلخواه تعیین کنید! این سایز در حالت پیشفرض ۱۸۰ پیکسل در ۱۸۰ پیکسل در نظر گرفته شده است.

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

تغییر سایز تصاویر محصولات ووکامرس

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

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

 

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

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

 

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

 

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

 

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

ویژگی ها و امکانات این افزونه :

  • امکان قرار دادن عکس و متن بر روی محصول
  • افزودن لایه ها در طراحی
  • دارای تنظیمات مختلف
  • کاملا واکنش گرا و رسپانسیو
  • امکان تغییر سایز تصاویر
  • امکان جابجایی تصاویر
  • امکان تغییر رنگ قسمت های مختلف
  • امکان تغییر رنگ و سایز متن و جابجایی آن
  • امکان تعیین قیمت
  • پشتیبانی از فرمت های jpg , png , svg

 

برچسب ها

پاسخ دهید

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

Captcha loading...

بستن