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

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

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

فهرست مطالب :

معرفی افزونه

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

مطلب پیشنهادی :   فیلم آموزشی کامل و جامع افزونه سئوی وردپرس Yoast Seo

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

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

افزونه WP Image Zoom

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

  • General Settings
  • Zoom Settings

General Settings

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

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

 

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Enable the zoom on WooCommerce products

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Enable the zoom on WooCommerce category pages

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

مطلب پیشنهادی :   پشتیبانی و چت آنلاین در وردپرس به کمک افزونه Tawk.to Live

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Enable the zoom on mobile devices

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Remove the Lightbox on thumbnail images

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Remove the Lightbox

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Enable on attachments pages

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Zoom Settings

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Choose the Lens Shape

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Check your configuration changes on the image

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

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] General

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

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Cursor Type

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

مطلب پیشنهادی :   چگونه پاپ آپ بسازیم؟ ساخت پاپ آپ در وردپرس با افزونه popup maker [آموزش قدم به قدم و تصویری]

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] nimation Easing Effect

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Zoom Level

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Lens

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Zoom Window

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Zoom Window Width

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Zoom Window Height

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Responsive

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Distance from the Main Image

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Border Thickness

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Border Color

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

[livicon_evo name=”check-alt.svg” size=”25px”][/livicon_evo] Custom Text

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

دیدگاهتان را بنویسید

مطالب داغ