منو سایت

  • خانه
  • وبلاگ
  • نحوه اضافه کردن زوم به تصاویر در وردپرس

نحوه اضافه کردن زوم به تصاویر در وردپرس

 تاریخ انتشار :
/
  وبلاگ
نحوه اضافه کردن زوم به تصاویر در وردپرس

آیا می خواهید یک زوم مانند آمازون برای تصاویر وردپرس اضافه کنید؟

افزودن ویژگی بزرگنمایی به کاربران امکان می دهد جزئیاتی را ببینند که در یک تصویر با اندازه معمولی نمی بینند.

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

نحوه اضافه کردن زوم به تصاویر در وردپرس

چرا یک ذره بین برای تصاویر اضافه کنید؟

افزودن یک ویژگی بزرگنمایی به وب سایت وردپرس به بازدیدکنندگان این امکان را می دهد تا جزئیات پیچیده تصاویر را به وضوح ببینند.

اگر وب‌سایت عکاسی دارید، افزودن ویژگی بزرگ‌نمایی به کاربران اجازه می‌دهد تا روی عکس‌های شما بزرگنمایی کنند تا جزئیات دقیق‌تر را ببینند.

به همین ترتیب، اگر یک فروشگاه آنلاین دارید، مشتریان شما می توانند روی تصاویر محصول بزرگنمایی کنند.

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

با در نظر گرفتن این موضوع، بیایید ببینیم چگونه می توانید به راحتی بزرگنمایی تصاویر را در وردپرس اضافه کنید.

نحوه اضافه کردن زوم به تصاویر در وردپرس

ابتدا باید افزونه WP Image Zoom را نصب و فعال کنید. برای جزئیات بیشتر، لطفا راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.

پس از فعال سازی باید به WP Image Zoom » تنظیمات بزرگنمایی صفحه نوار کناری مدیریت وردپرس.

در مرحله بعد، باید تنظیمات افکت زوم را با جابجایی به تب Zoom Settings و انتخاب شکل لنز مورد نظر خود پیکربندی کنید.

شکل لنز را انتخاب کنید

شما می توانید بین لنزهای پنجره گرد، مربع و واریو یکی را انتخاب کنید. اگر نمی‌خواهید از شکل افکت زوم استفاده کنید، حتی می‌توانید گزینه «بدون لنز» (⨯) را انتخاب کنید.

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

پیش نمایش لنز را در مرحله دو بررسی کنید

سپس باید به تب “General” بروید.

از اینجا می توانید یک نوع مکان نما را انتخاب کنید، یک افکت انیمیشن را تنظیم کنید، شناور یا زوم را کلیک کنید و سطح بزرگنمایی را تعریف کنید.

اگر گزینه های بیشتری می خواهید، برخی از ویژگی ها فقط برای نسخه حرفه ای افزونه WP Image Zoom در دسترس هستند.

تنظیمات برگه عمومی را در مرحله 3 پیکربندی کنید

هنگامی که انتخاب خود را انجام دادید، به سادگی به تب لنز در بالا بروید.

اکنون می‌توانید تنظیماتی مانند اندازه لنز، رنگ لنز، گزینه‌های قاب لنز و موارد دیگر را در صورتی که لنز «دایره» یا «مربع» را در مرحله 1 انتخاب کرده باشید، پیکربندی کنید.

تنظیمات لنز

اگر لنز بزرگنمایی پنجره را انتخاب کرده اید، باید به برگه پیکربندی «پنجره زوم» بروید.

از اینجا می‌توانید عرض و ارتفاع پنجره بزرگ‌نمایی، موقعیت، فاصله از تصویر اصلی، رنگ‌های قاب و موارد دیگر را تغییر دهید.

تنظیمات پنجره زوم

سپس فقط باید روی “ذخیره تغییرات” کلیک کنید تا تنظیمات خود را ذخیره کنید.

پس از آن، تنها کاری که باید انجام دهید این است که چند تنظیمات کلی را پیکربندی کنید.

برای مرحله آخر روی Save Changes کلیک کنید

تنظیمات کلی افزونه را پیکربندی کنید

در مرحله بعد، باید به تب General Settings زیر تنظیمات افزونه بروید.

از اینجا، اکنون می‌توانید ویژگی‌هایی مانند مقیاس‌بندی تصویر محصول WooCommerce، تصاویر کوچک، تلفن همراه، صفحات پیوست، صفحات دسته‌بندی محصول و موارد دیگر را فعال کنید.

تنها کاری که باید انجام دهید این است که کادرهای کنار این گزینه ها را علامت بزنید.

به تب General Settings بروید و کادرهای کنار گزینه هایی را که می خواهید فعال کنید علامت بزنید

همچنین می‌توانید جلوه لایت‌باکس را حذف کنید تا کاربران بتوانند به راحتی تصاویر را مقیاس‌بندی کنند.

با این حال، برای این ویژگی به نسخه Pro افزونه نیاز دارید.

با علامت زدن کادر گزینه لایت باکس را بردارید

اگر قصد حذف لایت باکس تصویر را ندارید، باید به گزینه Enable Lightbox بروید و کادر کنار آن را علامت بزنید.

توجه داشته باشید: می‌توانید لایت‌باکس‌های پشتیبانی‌شده را مشاهده کنید تا مطمئن شوید که مقیاس‌بندی به خوبی در لایت باکس سایت شما کار می‌کند.

تیک بزنید تا گزینه سبد داخلی فعال شود

پس از اتمام تنظیمات، حتما روی دکمه “ذخیره تغییرات” کلیک کنید تا تنظیمات خود ذخیره شود.

اکنون زوم افزایشی برای محصولات WooCommerce فعال خواهد شد.

برای بررسی ویژگی زوم ما می توانید از فروشگاه آنلاین خود دیدن کنید.

قابلیت بزرگنمایی در فروشگاه WooCommerce فعال است

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

مرحله 3. Zoom In را برای تصاویر در ویرایشگر بلوک فعال کنید

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

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

در مرحله بعد، باید تصویری را از کتابخانه رسانه یا رایانه خود در این پست آپلود کنید.

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

از اینجا، به سادگی به تب Styles بروید و روی دکمه With Zoom کلیک کنید تا یک بزرگنمایی بزرگنمایی بر روی تصویر خود اعمال کنید.

روی دکمه Zoom کلیک کنید

سپس فقط روی دکمه “Update” یا “Publish” در بالا کلیک کنید تا تنظیمات شما ذخیره شود.

عملکرد بزرگنمایی در سایت شما به شکل زیر خواهد بود:

پیش نمایش ویژگی بزرگنمایی

توجه داشته باشید: شما باید این مرحله را هر بار که می خواهید افکت زوم را به یک تصویر جداگانه اضافه کنید، تکرار کنید.

توصیه می کنیم از تصاویر با کیفیت بالا استفاده کنید تا قابلیت بزرگنمایی عالی به نظر برسد. تصاویر با کیفیت بالا معمولاً حجم فایل بیشتری دارند و بارگذاری آنها زمان بیشتری می برد که بر سرعت و عملکرد وب سایت شما تأثیر می گذارد.

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

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

اگر از این مقاله لذت بردید، لطفا در کانال یوتیوب ما برای آموزش های ویدئویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک