بزرگ نمایی عکس در وردپرس با افزونه WP Image Zoom

بزرگ نمایی عکس در وردپرس با افزونه WP Image Zoom

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

بزرگ نمایی عکس در وردپرس با افزونه WP Image Zoom
آموزش بزرگ نمایی عکس در وردپرس

معرفی افزونه

این افزونه بیش از ۱۰,۰۰۰ هزار نصب فعال دارد و شما می توانید آنرا از سایت وردپرس دات ارگ دانلود نمایید. WP Image Zoom یک افزونه زوم تصویر بسیار محبوب، مدرن و بسیار قابل تنظیم و سفارشی سازی است. این افزونه به شما اجازه می دهد تا کاربرانتان بتوانند تصویر محصول را به خوبی مشاهده کنند. بازدید کنندگان شما قادر به دیدن جزئیات زیبای تصاویر شما خواهند بود. این کار تجربه کاربران شما را بهبود می بخشد و امیدوارم درآمد زیادی برای شما نیز داشته باشد.

امکانات افزونه

  • ۴ نوع زوم – زوم داخلی، لنز دور، لنز میدان و زوم بیرونی (یا زوم پنجره).
  • اثر کاهش دهنده انیمیشن – لنز زوم موس را روی تصویر با تاخیر می کشد.
  • افکت ظاهر شونده – بخش بزرگنمایی به صورت دلخواه محو و یا ظاهر می شود.
  • قابل سفارشی سازی – کنترل اندازه بزرگنمایی لنز، رنگ مرز، اندازه مرز، سایه، گوشه گرد و …
  • با افزونه وومامرس کار می کند – به راحتی زوم را روی تمام تصاویر محصولات خود فعال کنید. فقط یک چک باکس را تیک بزنید! 😛
  • در صفحات و نوشته ها هم کار می کند – در ویرایشگر نوشته/ صفحه شما یک دکمه برای اعمال اثر بزرگنمایی بر روی هر تصویری پیدا خواهید کرد.

افزونه WP Image Zoom

پس از دانلود کردن افزونه و نصب آن شما می توانید منوی WP Image Zoom را در پیشخوان های خود مشاهده نمایید که با کلیک بر روی این منو می توانید زیر مجموعه های زیر را مشاهده کنید.

  • General Settings
  • Zoom Settings

General Settings

در این قسمت ما میتوانیم تنظیمات اصلی و کلی افزونه را مشاهده کنیم و در صورت نیاز داشتن، آنها را فعال و یا غیر فعال کنیم.

بزرگ نمایی عکس در وردپرس با افزونه WP Image Zoom
افزونه WP Image Zoom

 

Enable the zoom on WooCommerce products

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

Enable the zoom on WooCommerce category pages

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

Enable the zoom on mobile devices

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

Remove the Lightbox on thumbnail images

با فعال کردن این گزینه جعبه های نورانی ( Light Box ) بر روی تصاویر شاخص مطالب سایت شما غیر فعال می شوند.

Remove the Lightbox

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

Enable on attachments pages

با فعال کردن این گزینه دقت زوم بر روی صفحات پیوند فعال می شود، و در آخر با کلیک بر روی گزینه ذخیره تغییرات ( Save Changes ) می توانید این اعمال را ذخیره نمایید.

Zoom Settings

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

Choose the Lens Shape

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

Check your configuration changes on the image

در قسمت دوم شما می توانید یک تصویر را مشاهده نمایید که تغییرات شما بر روی آن اعمال شده است.

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

General

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

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

Cursor Type

در این قسمت شما می توانید آیکون بزرگ نمایی را انتخاب نمایید.

nimation Easing Effect

در این قسمت شما می توانید سرعت زوم کردن را مشخص کنید.

Zoom Level

و در قسمت آخر می توانید درصد زوم را انتخاب کنید.

Lens

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

Zoom Window

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

Zoom Window Width

در این قسمت شما می توانید عرض صفحه را مشخص کنید.

Zoom Window Height

در این قسمت شما می توانید ارتفاع صفحه را مشخص کنید.

Responsive

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

Distance from the Main Image

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

Border Thickness

در این قسمت شما می توانید حاشیه برای عکس خود ایجاد کنید، که می توان آن را ضخیم و یا به آن پهنا داد.

Border Color

و در آخر شما می توانید رنگ حاشیه را در این قسمت مشخص کنید.

Custom Text

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

پاسخی بگذارید

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

آیا سئوالی دارید ؟

09146056895

پشتیبانی در تلگرام