تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

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

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

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

 

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

 

انواع تصویر

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

 

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

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

 

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

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

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

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

 

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

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

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

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

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

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

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

 

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

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 2 / 5. تعداد رای : 1

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=39335
کلمات کلیدی پست :
مطالب مرتبط
7,292افزونه مسدود کردن کاربران در وردپرس WP Ultimate BAN Users تاریخ : 2019/06/3
4,408ساخت دانشنامه در وردپرس با این ۵ افزونه کاربردی تاریخ : 2019/12/7
7,598کد نمایش مطلب یک دسته خاص در وردپرس تاریخ : 2014/04/1
8,429پخش موسیقی در وردپرس بدون نیاز به افزونه تاریخ : 2017/09/16
9,705دانلود پوسته وردپرس مجله خبری آدامس Adams فارسی نسخه 1.2.0 تاریخ : 2016/01/14
8,898افزونه پرداخت آنلاین ووکامرس پارسی سیستم پارس پال تاریخ : 2014/06/22
9,851آموزش ساخت خودکار متاتگ ها در وردپرس تاریخ : 2017/09/3
5,876قالب فروشگاهی وردپرس Envo ecommerce فارسی تاریخ : 2021/02/4
7,620نمایش پیام به خریداران محصولات در ووکامرس با افزونه Woo Already Bought تاریخ : 2018/06/3
42,221دانلود قالب فارسی تم فارست + درگاه بانکی برای وردپرس تاریخ : 2014/09/8
5,156نمایش پیام دلخواه در پیشخوان وردپرس برای کاربران تاریخ : 2018/05/16
5,196شیوع بدافزار WP-VCD در وردپرس و راه حل آن تاریخ : 2020/02/10
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات