می خواهید یک زوم ذره بینی مثل سایت آمازون برای تصاویر در سایت وردپرسی خود اضافه کنید؟ زوم کردن روی تصاویر به کاربران اجازه می دهد جزئیاتی که با سایز نرمال عکس قابل مشاهده نیستند را راحت ببینند. در این مطلب ، من نشان خواهم داد که افزودن زوم ذره بینی در وردپرس چقدر آسان است.
افزودن زوم ذره بینی در وردپرس
اولین کاری که باید انجام دهید نصب و فعالسازی افزونه ی WP Image Zoom است. برای جزئیات بیشتر ، راهنمای گام به گام ما تحت عنوان “نحوه ی نصب یک افزونه ی وردپرسی” را مطالعه نمایید.
پس از فعالسازی ، به صفحه ی WP Image Zoom در قسمت ادمین سایت وردپرسی خود بروید. از اینجا ، می توانید تنظیمات زوم را برای تصاویرتان مدیریت کنید.
در تب General Settings ، می توانید قابلیت زوم را برای تصاویر محصولات ووکامرس ، تصاویر شاخص محصولات (تامبنیل ها) ، دستگاه های موبایل ، صفحات پیوست ، صفحات دسته بندی و غیره فعال کنید. همچنین در این تب می توانید قابلیت نمایش تصاویر در لایت باکس را غیر فعال کنید تا کاربران بتوانند به راحتی روی تصاویر زوم کنند.
اگر نمی خواهید لایت باکس را برای تصاویر حذف کنید ، می توانید به پایین اسکرول کنید تا تنظیمات بیشتری همچون فعالسازی زوم درون لایت باکس را مشاهده کنید. با این کار پس از کلیک روی تصاویر ، ابتدا یک لایت باکس باز می شود و سپس درون آن می توانید از قابلیت زوم استفاده کنید.
نکته: می توانید لایت باکس های قابل پشتیبانی را نیز مشاهده کنید تا اطمینان حاصل کنید که قابلیت زوم درون لایت باکس به خوبی عمل می کند.
وقتی کارتان با مشخص کردن تنظیمات در این صفحه تمام شد ، فراموش نکنید حتما روی کلید Save Changes (ذخیره سازی تنظیمات) کلیک کنید.
سپس ، به تب Zoom Settings بروید. برای افزودن زوم ذره بینی در وردپرس 4 گام ساده هست که باید طی کنید.
ابتدا ، باید شکل لنز برای زوم تصاویر را انتخاب کنید. می توانید از بین لنز های به شکل دایره، مربع و پنجره ی زوم یکی را انتخاب کنید.
بعد از انتخاب لنز ، به گام بعدی بروید و با لنز انتخابی خود یک تصویر را مشاهده کنید تا عملکرد ذره بین را امتحان کنید. افزونه دارای یک تصویر است که می توانید برای تست از آن استفاده کنید.
می توانید بازگردید و پس از انجام هرگونه تغییر در تنظیمات زیر ، نتیجه را روی تصویر آزمایشی مشاهده کنید.
در گام بعدی ، می توانید شکل نمایشگر ماوس را انتخاب کنید، حرکات انیمیشنی برای راحتی استفاده را تنظیم کنید ، زوم را بر اساس حرکت اسکرول یا کلیک موس تنظیم کنید و یک سطح زوم جدید تعریف کنید. برخی از این ویژگی ها فقط برای نسخه تجاری افزونه موجود هستند.
حالا می توانید به تب تنظیمات لنز بروید تا تنظیماتی مانند سایز لنز ، رنگ لنز ، آپشن های مرزی لنز و غیره را مشخص کنید. این تنظیمات تنها در صورتی که لنزهای دایره ای یا مربعی را در گام 1 انتخاب کرده باشید فعال هستند.
سپس، می توانید به سراغ تب تنظیمات Zoom Window (پنجره زوم) بروید. این تب تنها در صورتی که در گام 1 لنز Zoom Window را انتخاب کرده باشید فعال است.
از اینجا ، می توانید عرض و ارتفاع پنجره ی زوم ، موقعیت ، فاصله از تصویر اصلی ، مرزها و غیره را مشخص کنید.
در نهایت، می توانید یک متن سفارشی به تصویر اضافه کنید و سایز ، رنگ و موقعیت قرارگیری متن را انتخاب کنید.
پس از اعمال تنظیمات فراموش نکنید حتما روی کلید ذخیره کلیک کنید. همیشه می توانید به تصویر آزمایشی نگاه کنید تا ببینید ذره بین برای تصاویر وبسایت با این تنظیمات چگونه عمل می کند.
تنظیمات بالا زوم ذره بینی در وردپرس را برای وبسایت فروشگاهی شما (تصاویر محصولات) فعال می کنند. برای فعالسازی زوم در تصاویر دیگر پست ها و صفحات وردپرس باید مراحل زیر را دنبال کنید.
فعالسازی زوم ذره بینی برای تصاویر در پست ها و صفحات وردپرس
به صورت پیشفرض ، زوم ذره بینی برای تصاویر در پست ها و صفحات وردپرس شما فعال نیست. برای این منظور ، پس از اینکه یک تصویر به محتوای خود اضافه کردید ، باید این ذره بین را به صورت دستی فعال کنید.
وقتی تصویری به پست یا صفحه ی خود اضافه کردید ، به سادگی روی آن کلیک کنید تا انتخاب شود و سپس روی آیکن ذره یبن در نوار ابزار کلیک کنید. این آیکن تنظیمات زوم برای تصویر شما را اعمال خواهد کرد.
حالا ، به سراغ پست بروید تا مطمئن شوید ویژگی زوم ذره بینی برای تصویر انتخابی فعال شده باشد. هر دفعه که می خواهید تاثیر زوم را برای یک تصویر اعمال کنید باید مراحل بالا را طی کنید.
من پیشنهاد می کنم برای عالی عمل کردن ویژگی زوم از تصاویر با کیفیت بالا استفاده کنید. تصاویر با کیفیت بالا معمولا حجم فایل بیشتری دارند و زمان بیشتری طول می کشد تا بارگذاری شوند که این امر روی سرعت و عملکرد وبسایت شما تاثیر خواهد گذاشت. برای برطرف کردن این مشکل ، باید تصاویری که در وبسایت استفاده می کنید بهینه باشند. پیشنهاد میکنم مطلبی که در آن به معرفی بهترین افزونه های بهینه سازی تصاویر پرداخته ام ، مطالعه کنید.
امیدوارم این مقاله کمک کرده باشد تا افزودن زوم ذره بینی در وردپرس را یاد گرفته باشید. اگر این مطلب برایتان مفید بود لطفا آن را با دوستانتان به اشتراک بگذارید.
منبع: wpbeginner.com
2 دیدگاه. دیدگاه جدید بگذارید
سلام
آموزشتون مفید بود ولی موقع اضافه کردن خاصیت زوم به عکس تووی پست ها، خطای پائین بهم میده
اسم سایت بالای متن میاد بعد
You can add the zoom feature only to non full-size images
سلام خوشحالم که این آموزش براتون مفید بوده. همونطور که از متن ارور مشخص هست شما ابتدا یک عکس رو در ابعاد اصلیش استفاده کردید و بعد سعی کردید از قابلیت زوم هم استفاده کنید. برای استفاده از قابلیت زوم ، باید عکس رو در ابعاد کوچکتری نسبت به ابعاد اصلیش داخل سایت استفاده کنید.
موفق باشید 🙂