ساخت لایت باکس با المنتور: راهنمای گام به گام
ساخت لایت باکس با المنتور به ایجاد پنجره های پاپآپ جذاب و تعاملی برای نمایش محتوا، تصاویر یا ویدیوها با استفاده از ابزارهای ساده و بدون نیاز به کدنویسی کمک میکند، که ما امروز در این مقاله این مورد را کامل آموزش خواهیم داد.
لایت باکس یکی از ابزارهای جذاب و کاربردی در طراحی صفحات سایت است که به شما امکان میدهد تصاویر، ویدیوها یا محتواهای چندرسانهای را بهصورت پاپآپ نمایش دهید و تجربه کاربری سایت خود را بهبود ببخشید. در این مقاله از سری مقالات آموزش افزونه المنتور، با استفاده از افزونه المنتور پرو، بهصورت گام به گام ساخت لایت باکس با المنتور یاد میگیرید، برای کسب اطلاعات بیشتر تا انتها همراه ما باشید.
لایت باکس چیست؟
لایت باکس یک افکت نمایشی در طراحی وب است که محتوای چندرسانهای مانند تصاویر، گالری یا ویدیوها را در قالب یک پنجره پاپآپ با پس زمینه کمنور نمایش میدهد. این ابزار به کاربران اجازه میدهد بدون خروج از صفحه فعلی، محتوا را با تمرکز بیشتری مشاهده کنند. لایت باکس ها به دلیل جذابیت بصری و بهبود تجربه کاربری، در سایتهای فروشگاهی، نمونهکارها و وبلاگها بسیار محبوب هستند و به راحتی با افزونه هایی مانند المنتور قابل پیاده سازی اند.
ساخت لایت باکس با المنتور: راهنمای گام به گام
برای ساخت لایت باکس با المنتور، مراحل زیر را دنبال کنید:
گام اول: نصب و فعال سازی المنتور
ابتدا مطمئن شوید که افزونه المنتور روی سایت وردپرسی شما نصب و فعال است. افزونه المنتور دارای 2 نسخه رایگان و پرو است که اگر المنتور پرو را دارید، امکانات بیشتری برای سفارشی سازی لایت باکس در اختیارتان خواهد بود. به داشبورد وردپرس بروید، افزونه را نصب کنید و سپس یک صفحه یا پست جدید برای شروع طراحی ایجاد کنید.
گام دوم: افزودن ویجت مناسب
-
وارد ویرایشگر المنتور شوید و صفحهای که میخواهید لایت باکس در آن نمایش داده شود را انتخاب کنید.
-
ویجت موردنظر خود را (مانند «تصویر»، «گالری» یا «ویدیو») از پنل المنتور به صفحه بکشید.
گام سوم: فعال سازی قابلیت لایت باکس
-
روی ویجت تصویر کلیک کنید تا تنظیمات آن باز شود.
-
در بخش تنظیمات محتوا، گزینه «لایت باکس» را پیدا کنید.
-
گزینه «فعال کردن لایت باکس» را روشن کنید. در این بخش میتوانید تنظیم کنید که با کلیک روی تصویر، لایت باکس باز شود یا خیر، به یاد داشته باشید د ابتدا باید در بخش پیوند باید فایل رسانه را انتخاب کنید تا باکس لایت باکس به شما نمایش داده شود.
گام چهارم: سفارشیسازی ظاهر لایت باکس
المنتور به شما امکان میدهد ظاهر لایت باکس را به دلخواه تغییر دهید:
-
رنگ پسزمینه: در تنظیمات پیشرفته، رنگ پسزمینه لایت باکس را تنظیم کنید تا با طراحی سایت شما هماهنگ باشد.
-
انیمیشن ورودی: افکتهای ورودی مانند محو شدن یا بزرگنمایی را انتخاب کنید.
-
دکمههای ناوبری: اگر گالری دارید، میتوانید دکمههای «بعدی» و «قبلی» را فعال کنید.
-
اندازه و موقعیت: اندازه تصویر یا ویدیو را تنظیم کنید تا در لایت باکس بهخوبی نمایش داده شود.
و در پایان
ساخت لایت باکس با المنتور نه تنها ساده است، بلکه به شما کمک میکند تا محتوای بصری سایت خود را به شکلی جذاب و حرفهای به نمایش بگذارید. این ابزار به کاربران اجازه میدهد بدون حواسپرتی، روی تصاویر یا ویدیوهای شما تمرکز کنند و تجربهای متفاوت از سایت شما داشته باشند.
با چند کلیک و تنظیمات ساده در المنتور، میتوانید لایت باکس هایی بسازید که نهتنها زیبا هستند، بلکه به بهبود نرخ تعامل کاربران با سایت شما کمک میکنند. چه صاحب یک فروشگاه آنلاین باشید، چه یک طراح گرافیک یا بلاگر، این قابلیت میتواند به سایت شما جلوهای حرفهای ببخشد.
