تبلیغات لایت باکس

لایت باکس و درخشش محتوای سایت

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

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

قابلیت دیگری که لایت‌باکس تصاویر در وردپرس در اختیار بازدیدکننده قرار میده اینه که کاربر قادر هست تا تصاویر را به صورت یک اسلایدشو مشاهده کند. پس اگر به دنبال این هستید تا تصاویر موجود در نوشته های سایت وردپرسی خودتون را با ظاهر بهتری به بازدیدکننده نمایش دهید تا انتها با ما همراه باشید.

مفهوم تبلیغات light box در وب سایت

تبلیغات لایت باکس در برنامه نویسی تحت وب به مجموعه ای از کتابخانه های ( library ) جاوا اسکریپت گفته می شود که دربرگیرنده ی قطعاتی از برنامه است که از پیش نوشته شده و به طراح برنامه کمک می کند که گرافیک سایت را زیبا و رابط کاربری را کاربرپسندتر نماید . طراح وب با فراخوانی کتابخانه ها و نیز با بکارگیری کـــــدهای HTML & CSS پنجره های زیبایی می سازد که با بزرگنمایی محتوای زیرین خود ذهن کاربر را به خود معطوف کرده و کنجکاوی او را برای درک بهتر مطلب پاسخ می گوید. همچنین هنگامی که تبلیغات لایت باکس فعال می شود بخش های دیگر صفحه محو یا تیره می شوند .

تجربه کاربری ( UX ) نشان می دهد که محتوای یکنواخت و تخت ، ذهن کاربر را خسته کرده و از زمان ماندن وی در صفحه وب می کاهد به همین دلیل جای گذاری عناصری که بتوانند گوناگونی دیداری ایجاد کنند به گیرایی بیشتر انجامیده و کاربر را به ادامه گشت و گذار در وب وادار می کند .

کاربرد تبلیغات light box در طراحی سایت

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

• نمایش عکس های سایت با نمای بزرگتر و جزئیات بیشتر
• نمایش فیلم کوتاه ( تبلیغاتی و … ) لابلای متن مقاله به درخواست کاربر
• پخش فایل های صوتی و پادکست
• نمایش متن و توضیحات بیشتر با نمای ویژه
• هدایت کاربر به برگه های دیگر و پیوند های مفید
• هدایت کاربر به فرم های عضویت ، درخواست مشاوره ، دریافت اطلاعات و …
• نمایش پاپ آپ در قالب لایت باکس

انواع لایت باکس

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

• کلیک ماوس بر روی قسمتی از متن ، عکس یا دکمه و …
• باز شدن با زمان سنج ( مثلا پس از گذشت ۵ ثانیه ماندن در سایت بازشود )
• باز شدن با اسکرول صفحه ( برحسب درصد یا پیکسل تنظیم می شود )

بسته شدن آن براحتی انجام می شود :

• با کلیک بر خارج از پنجره لایت باکس
• فشردن دکمه اسکیپ escape

 تبلیغات لایت باکس چگونه ساخته می شود ؟

برای ساخت تبلیغات لایت باکس در وردپرس از دو روش می توان بهره گرفت :

• نصب افزونه ( پلاگین )
• کدنویسی اختصاصی

افزونه های گوناگونی برای ساخت جعبه نور در وردپرس وجود دارد که با مراجعه به سایت سازمانی وردپرس به نشانی www.wordpress.org براحتی و به رایگان در دسترس هستند همچنین از فروشگاه های داخلی مانند ژاکت و راستچین نیز قابل خریداری می باشد . از بین آنها می توان به افزونه های زیر اشاره کرد :

• Lightbox Gallery
• Simple Lightbox
• Photonic Lightbox

اما ساخت light box با روش کدنویسی PHP نیز امکان پذیر است که در این روش طراح با سلیقه خود و بر اساس نیازهای پیش رو ، جعبه ای زیبا و پاسخگو و واکنش گرا می سازد . در این روش دانش کدنویسی الزامی است .