تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
تغییر جهت محتوا در وردپرس 0 پاسخ 2 بازدید درخواست پلاگین 1 پاسخ 168 بازدید افزونه ساخت شماره مجازی 14 پاسخ 845 بازدید درخواست افزونه 1 پاسخ 197 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 465 بازدید اسکریپت vfm 3 پاسخ 302 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 421 بازدید نمایش کد های php 0 پاسخ 201 بازدید مشکل در اسکریپت مچ فرم 0 پاسخ 371 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

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

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

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

 

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

 

انواع تصویر

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

 

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

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

 

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

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

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

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

 

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

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

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

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

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

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

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

 

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

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

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=39335
کلمات کلیدی پست :
مطالب مرتبط
4,764آموزش تغییر نشانی سایت در وردپرس تاریخ : 2019/10/20
12,028آموزش معرفی سایت وردپرسی به بینگ تاریخ : 2019/10/8
5,504پیاده سازی هوشمندانه متا تگ های HREFLANG در وردپرس تاریخ : 2018/10/30
12,759دانلود پوسته چند منظوره CargoPress فارسی نسخه 1.12.4 تاریخ : 2020/02/3
10,042ایجاد فرم های متنوع در وردپرس با Contact Form by Supsystic تاریخ : 2017/04/17
6,036دانلود قالب شرکتی سئو Seofy برای وردپرس تاریخ : 2019/03/12
9,569قالب شرکت مسافرتی Passenger برای وردپرس تاریخ : 2015/01/24
37,907دانلود پوسته فارسی و چند منظوره دیوی Divi نسخه 3.2.1 تاریخ : 2018/05/8
7,349افزودن لیست علاقه مندی محصولات در ووکامرس تاریخ : 2017/07/6
4,812آموزش رفع خطای Missing a temporary folder در وردپرس تاریخ : 2019/07/4
10,156افزونه سفارشی سازی قالب ایمیل ووکامرس WooCommerce Email Customizer تاریخ : 2019/01/24
7,308دنبال کردن مطالب نویسنده خاص در وردپرس تاریخ : 2017/07/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات