آموزش افزودن قابلیت زوم تصاویر به وردپرس

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

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

قابلیت زوم برای تصاویر در وردپرس

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

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

در صورتیکه با نصب افزونه در وردپرس آشنا نیستید، می توانید مقاله “سه روش مختلف نصب پلاگین (افزونه) در وردپرس” را مطالعه کنید.

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

در تب General Settings، شما می توانید قابلیت زوم را برای تصاویر محصولات ووکامرس، تصاویر بندانگشتی، دستگاه های موبایل، صفحات مربوط به پیوست ها، صفحات مربوط به دسته بندی ها و مواردی از این دست فعال کنید. این قسمت همچنین به شما اجازه می دهد تا امکان لایت باکس را غیر فعال کنید تا کاربران بتوانند به راحتی از قابلیت زوم تصاویر استفاده کنند.

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

توجه: شما می توانید لایت باکس هایی که پشتیبانی می شوند را مشاهده کنید تا از عملکرد صحیح زوم در لایت باکس مطمئن شوید. البته این قابلیت تنها در نسخه Pro افزونه فعال است.

به محض اینکه تنظیمات مربوطه را انجام دادید، روی دکمه Save Changes کلیک کنید تا ذخیره شوند.

بعد از آن شما میبایست به تب Zoom Settings بروید. برای راه اندازی قابلیت زوم برای تصاویر، در این قسمت ۴ مرحله ساده وجود دارد که باید طی شوند.

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

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

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

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

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

بعد از آن شما می توانید به تب Zoom Window بروید. این تب تنها در صورتیکه نوع لنز خود را Zoom Window Lens انتخاب کرده باشید، فعال است.

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

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

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

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

 

فعال کردن قابلیت زوم برای تصاویر مطالب و برگه ها

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

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

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

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

 

دانلود افزونه WP Image Zoom

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



جواد
( عضو از 6 سال قبل )
  • 168 نوشته
  • 34 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
جواد - عضو تیم تحریریه مجموعه نوین وردپرس...

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

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

مطالب مرتبط



کمک، سایتم هک شده! چطوری باید مشکل سایت وردپرس خودم را حل کنم

2819
0
هک شدن یکی از ترسناک ترین تجربیاتی است که به عنوان یک مدیر سایت با آن برخورد خواهید کرد. شوربختانه، حتی اگر امنیت سایت خود را تقویت کرده ...
جزییات بیشتر آموزش را بخوانید!

آموزش ساخت سایت با گوگل سایت Google Sites در چند گام ساده

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

نحوه ویرایش تصاویر با استفاده از ویرایشگر تصویر وردپرس

2962
0
نوشته های نوشته شده در وردپرس اغلب شامل چندین تصویر است که ارزش محتوا را افزایش می دهد. بدست آوردن، پردازش و اضافه کردن این تصاویر به پست ...
جزییات بیشتر آموزش را بخوانید!

تفاوت وردپرس با asp net چیست؟ کدام بهتر است؟

428
0
اولین چالش برای راه اندازی کسب و کار اینترنتی، انتخاب بهترین روش برای طراحی وب سایت می باشد. در واقع به دلیل روش های مختلف طراحی سایت، شما ...
جزییات بیشتر آموزش را بخوانید!

نحوه غیرفعال کردن ویجت های ناخواسته و بدون استفاده در ابزارک وردپرس

4253
0
آیا شما می خواهید ویجت های استفاده نشده در وردپرس را غیرفعال کنید؟ صفحه نمایش ویجت در وردپرس به شما تمام ویجت ها را که می توانید به ...
جزییات بیشتر آموزش را بخوانید!

آموزش افزایش امنیت وردپرس با فایل wp-config.php

255
0
اگر از وردپرس استفاده می کنید، فایل wp-config.php یکی از مهم ترین فایل ها می باشد که باید در نظر داشته باشید. این فایل می تواند به بهبود ...
جزییات بیشتر آموزش را بخوانید!

5 روش برای رفع خطای 401 در وردپرس و ارور 401 unauthorized

1791
0
یکی از خطاهای رایج وردپرس که ممکن است برای هرکسی رخ دهد، خطای 401 unauthorized می باشد. خطای 401 در وردپرس یک کد وضعیت http است که نشان ...
جزییات بیشتر آموزش را بخوانید!

slug چیست و چگونه اسلاگ یا نامک را بهینه کنیم؟

2146
0
نامک (Slug) عبارتی است که در URL سایت شما در هنگام نوشتن یک نوشته یا محصول ایجاد می شود که کاربران می توانند آن را مشاهده نمایند. نامک ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

اگر دوست دارید در زمینه آموزش ، افزونه ، قالب وردپرس و ووکامرس ، آموزش سئو و… مقالات آموزشی خود را در نوین وردپرس منتشر کنید میتوانید به عنوان نویسنده در نوین وردپرس فعالیت کنید.

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