تبلیغات
طراحی و بهینه سازیمشاهده

هاست

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

مقالات,آموزش,ترفند , وردپرس

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

 

تغییر اندازه تصاویر محصولات

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

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

اگر تصاویر شما تار بودند ممکن است دو اتفاق افتاده باشد، اول آنکه ممکن است اندازه تصاویر شما برای قالب ودرپرس فروشگاهی شما بسیار کوچک باشد، به عنوان مثال قالب شما به تصاویری با ابعاد ۸۰۰*۸۰۰ پیکسل نیاز دارد اما شما تصاویر را با ابعاد ۴۰۰*۴۰۰ مشخص نموده باشید.

 

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

 

انواع تصویر

  • کاتالوگ تصاویر: یک تصویر با اندازه متوسط که در لوپ های محصول استفاده میشود‌(برای مثال:‌ صفحه خرید، صفحات دسته بندی محصولات، محصولات مربوط، پر فروش ها، و…)
  • تصویر محصول تک: بزرگترین تصویر در صفحه جزییات محصول.
  • تصویر بندانگشتی محصولات: کوچک ترین تصویر، یک تصویر بند انگشتی، عموما به عنوان تصویر محصول تکی، محصول موجود در سبد خرید،‌محصول موجود در ابزارک استفاده میشود.

 

یافتن ابعاد تصاویر برای یک قالب

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

 

کاتالوگ تصاویر

در ابتدا باید مشخص نمایید که قالب شما در کدام صفحه تصاویر را به صورت بزرگ تر رندر میکند، در برخی موارد صفحه خرید است که اینگونه است، در قالب ۲۰۱۱ نیز بخش محصولات مربوط اینگونه است. با استفاده از ابزار های توسعه دهنده در مرورگر شما میتوانید به سادگی ابعاد تصاویر را بدست آورید. کافیست بر روی تصویر مورد نظر خود کلیک راست نمایید و ابزار Inspect را انتخاب نمایید. مشاهده خواهید نمود که یک پنل در صفحه مرورگر نمایش داده خواهد شد و در آن شما خواهید توانست به سادگی ابعاد تصاویر خود را بدست آورید. آنها را یادداشت نمایید زیرا در ادامه آنها را نیاز خواهیم داشت.

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

در قالب Storefront تصاویر کاتالوگ دارای ابعاد ۲۱۳*۲۱۳ پیکسل هستند.

 

تصویر محصول تک

میتوانید پروسه قبلی را نیز بر روی تصاویر محصول تک استفاده نمایید، همانطور که در تصویر پایین مشاهده میکنید در قالب Storefront تصاویر محصول تک دارای ابعاد ۲۹۸*۲۹۸ پیکسل هستند.

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

تصویر بندانگشتی محصولات

تصاویر بند انگشتی محصولات را میتوانید در گالری تصاویر محصولات بیابید. میتوانید از پروسه قبلی ابعاد تصاویر را بیابید.

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

در قالب Storefront تصاویر بند انگشتی محصولات دارای ابعاد ۴۳*۴۳ پیکسل هستند.

 

پیکربندی ابعاد تصاویر موجود در فروشگاه

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

لطفا به این مطلب امتیاز بدید


دانلود


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=39335

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
828آموزش تغییر نشانی سایت در وردپرس تاریخ : 2019/10/20
4,492فرم اطلاع رسانی موجود شدن محصولات ووکامرس با افزونه WooCommerce Product Stock Alert تاریخ : 2018/03/17
3,148قالب محصولات زیبایی و سلامتی NaturaLife برای وردپرس تاریخ : 2018/11/29
4,564نمایش تصویر شاخص مطالب در بخش مدیریت وردپرس تاریخ : 2016/10/22
5,403اضافه کردن نمایش پیشرفت خواندن نوشته در وردپرس تاریخ : 2017/07/13
2,176افزونه پیشنهاد محصول هوشمند ووکامرس WooCommerce Smart Product Recommendation تاریخ : 2018/09/3
2,728چک لیست کامل سئوی وردپرس در سال ۱۳۹۷ تاریخ : 2018/12/2
4,001افزونه نمایش ساعات کاری در وردپرس ez Business Hours نسخه 2.10.0.0 تاریخ : 2018/03/10
4,389نحوه تغییر تنظیمات فشرده‌سازی تصاویر در وردپرس تاریخ : 2016/05/2
3,316افزونه ایجاد فرم تماس با ما وردپرس weForms تاریخ : 2020/02/22
900وردپرس چه تاثیری در سئو سایت دارد تاریخ : 2019/07/24
22,672دانلود قالب فروشگاهی virtue فارسی برای وردپرس تاریخ : 2015/05/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب