آموزش ساخت لایت باکس با المنتور

ساخت لایت باکس با المنتور
Share on twitter
Share on facebook
Share on telegram
Share on whatsapp

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

  1. روی آیکون همبرگری منوی همبرگری واقع در سمت راست بالای پنل ( در نسخه فارسی)کلیک کرده و تنظیمات کلی – Global Settings را انتخاب کنید.
  2.  تب لایت باکس – Lightbox tab را انتخاب کنید.
  3. در تب لایت باکس تنظیماتی به شرح زیر وجود دارد:
  • لایت باکس تصاویر – Image Lightbox: برای فعال یا غیر فعال کردن لایت باکس وضعیت دکمه را تغییر بدهید.
  •  فعال سازی در ویرایشگر – Enable in Editor: نمایش لایت باکس را در ویرایشگر المنتور می توانید با این گزینه فعال یا غیرفعال کنید.
  • رنگ پس زمینه – Background Color: رنگ پس صفحه لایت باکس را از این قسمت می توانید تغییر بدهید.
  • رنگ رابط کاربری – UI Color: رنگی برای رابط کاربری لایت باکس انتخاب کنید. این رنگ روی قسمت های آیکون فلش و دکمه خروج اجرا می شود.
  •  رنگ هاور رابط کاربری – UI Hover Color : رنگی را انتخاب کنید که هنگام انتخاب فلش یا دکمه به آن رنگ در آید.

ساخت لایت باکس با المنتور

در المنتور ویژگی لایت باکس به صورت پیش فرض فعال است. شما می توانید با رفتن به بخش داشبورد > المنتور > تنظیمات – Settings > ظاهر – Style و برداشتن تیک گزینه لایت باکس تصاویر – Pictures lightbox این ویژگی را غیر فعال کنید.

ساخت لایت باکس با المنتور

ساخت لایت باکس تصاویر با المنتور

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

  1. در ویرایشگر المنتور، ابزارک تصویر  را کشیده و در صفحه رها کنید سپس تصویر مورد نظرتان را انتخاب کنید.
  2. گزینه پیوند – Link را روی حالت فایل رسانه – Media file قرار بدهید.
  3. دکمه لایت باکس را روی بله – Yes قرار بدهید.
  4. با کلیک کردن روی تصویر، پیش نمایشی از تغییرات لایت باکس را مشاهده می کنید.

آموزش ساخت لایت باکس با المنتور

ساخت لایت باکس پویا در المنتور ( نسخه المنتور پرو )

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

  1. از فیلد لینک ابزارک ها، روی گزینه دینامیک – کلیک کرده و گزینه لایت باکس – Lightbox را انتخاب کنید. با این کار برچسب لایت باکس – Lightbox در کادر قرار می گیرد.
  2. در کادر لینک کلیک کنید تا تنظیمات پنجره پاپ آپ لایت باکس باز شود.
  3. برای باز کردن ویدیو در لایت باکس، آیکون ویدیو را انتخاب کنید و لینک ویدیو را وارد کنید.
    4- برای باز کردن تصویر در یک لایت باکس، روی آیکون تصویر کلیک کرده و یک تصویر را از کتابخانه رسانه ای انتخاب کنید.

ساخت لایت باکس با المنتور

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
Share on facebook

دریافت مقالات ناب

مقالات شبیه مقالات بالا رو هر هفته میفرستیم به ایمیلتون

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

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

سوالی داری؟ چت با واتساپ