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