Lightbox تصاویر در وردپرس یکی از ابزارهای مؤثر است که به شما این امکان را می‌دهد تا تصاویری که در محتوای خود نمایش می‌دهید، با ظاهری جذاب‌تر و بهینه‌تر برای کاربران ارائه دهید. با استفاده از Lightbox تصاویر در وردپرس، قادر خواهید بود تصاویری را که در متن گنجانده شده‌اند، در یک پنجره با پس‌زمینه‌ای تیره نمایش دهید.
این قابلیت به کاربران کمک می‌کند تا تجربه بصری بهتری از مشاهده تصاویر داشته باشند و بدون حواس‌پرتی ناشی از عناصر اضافی صفحه، بر روی محتوای تصویری تمرکز کنند. این سیستم مشابه گالری‌های تصویر عمل کرده و اجازه می‌دهد تا کاربران بدون نیاز به اسکرول یا بستن پنجره قبلی، بین تصاویر جابه‌جا شوند. علاوه بر این، قابلیت دیگری که Lightbox تصاویر در وردپرس فراهم می‌آورد، امکان مشاهده عکس‌ها به صورت اسلایدشو است. این ویژگی تجربه کاربری فوق‌العاده‌ای را برای بازدیدکنندگان ایجاد می‌کند. در ادامه آموزش ساخت لایت باکس تصاویر در وردپرس را توضیح می‌دهیم.
ایجاد لایت باکس تصاویر در وردپرس
تصاویر وب‌سایت یکی از ارکان اساسی در جذب کاربران محسوب می‌شود. تصاویری زیبا و چشم‌نواز قادرند توجه مخاطبان را به خود جلب کنند. بنابراین، ضروری است که تصاویر وب‌سایت ما به گونه‌ای متمایز و با کیفیت ارائه شوند.
با بهره‌گیری از افکت‌های لایت باکس، امکان نمایش جذاب و هنرمندانه تصاویر وجود دارد. این افزونه به کاربران این امکان را می‌دهد تا گالری‌های دلخواه خود را ایجاد کرده و نسخه‌های بزرگتر تصاویر، همراه با فیلم‌ها، را در یک لایت باکس بهینه‌شده برای دستگاه‌های تلفن همراه مشاهده کنند.
ویژگی های افزونه Responsive Lightbox & Gallery
از جمله ویژگی های این افزونه کاربردی می‌توان به موارد زیر اشاره کرد.
- پشتیبانی از محتوای لایت باکس خطی و IFrame، Ajax، HTML5
- افزودن لایت باکس به محتوای ویجت به صورت خودکار
- ابزارک گالری
- ابزارک تصاویر تک
- وارد کردن یک انتخاب کننده برای لایت باکس
- دارای سه قالب گالری زیبا Grid، Slider ،Masonry
- سازگاری با ویژوال کامپوزر
- پشتیبانی از گالری محصول ووکامرس
- افزودن لایت باکس به محتوا دیدگاه وردپرس به صورت خودکار
- افزودن لایت باکس به گالری تصاویر وردپرس به صورت خودکار
نحوه کار با افزونه لایت‌باکس تصاویر در وردپرس
برای استفاده از افزونه Simple Lightbox ابتدا آن را از مخزن وردپرس دانلود کرده و فعال کنید. لازم به ذکر است که تمامی افزونه‌های مرتبط با نمایش تصاویر به صورت لایت باکس و اسلایدشو در وردپرس به گونه‌ای طراحی شده‌اند که تصاویر شما باید حتماً لینک‌دار باشند. بنابراین، هنگام قرار دادن تصاویری در نوشته‌های خود، توصیه می‌شود گزینه “پیوند به” را بر روی حالت “پرونده رسانه‌ای” تنظیم کنید. پس از نصب و فعال‌سازی این افزونه، منویی تحت عنوان “Lightbox” در بخش نمایش پیشخوان سایت وردپرسی شما اضافه خواهد شد. با مراجعه به این منو، قادر خواهید بود تنظیمات افزونه را سفارشی‌سازی کنید.
تنظیمات بخش Activation
Enable Lightbox Functionality: برای نمایش تصاویری که در صفحات نوشته‌ها، برگه‌ها، محصولات و انواع پست تایپ‌های سفارشی استفاده شده‌اند به صورت لایت باکس و در قالب یک پنجره با قابلیت اسلایدشو، این گزینه را فعال کنید.
Enable on Home page:با استفاده از این گزینه، می‌توانید امکان نمایش تصاویر به صورت لایت باکس در صفحه اصلی را فعال کنید. این قابلیت به شما اجازه می‌دهد تا اگر تصویری در صفحه اصلی بارگذاری کرده‌اید، آن تصویر در قالب لایت باکس نمایان شود. لازم به ذکر است که در صورت غیرفعال کردن این ویژگی، تصاویر بارگذاری شده در صفحه اصلی دیگر به صورت لایت باکس نمایش داده نخواهند شد.
Enable on Single Posts: با استفاده از این گزینه، قادر خواهید بود نمایش تصاویر در مقالات و متون خود را فعال یا غیرفعال کنید.
Enable on Pages: با استفاده از این گزینه، می‌توانید قابلیت نمایش تصاویر به‌صورت لایت باکس را در صفحات وب‌سایت خود فعال یا غیرفعال کنید.
Enable on Archive Pages: با کمک این گزینه می‌توانید نمایش تصاویر به‌صورت لایت باکس در صفحات آرشیو مرتبط با دسته‌بندی مطالب، برچسب‌ها و سایر موارد مشابه را فعال یا غیرفعال کنید.
Enable for Widgets: با استفاده از این گزینه می‌توانید امکان نمایش تصاویر به صورت لایت باکس را در ابزارک‌های سایت خود فراهم کنید.
Enable for Menus: با استفاده از این گزینه، می‌توانید قابلیت نمایش تصاویر موجود در منوهای (فهرست‌های) وردپرس را به صورت لایت باکس فراهم کنید.
تنظیمات بخش Grouping
Group items: با فعال‌سازی این گزینه، قادر خواهید بود تصاویر را به صورت اسلایدشوی خودکار نمایش دهید. این ویژگی به ویژه در نوشته‌هایی که شامل تعداد زیادی تصویر هستند، مفید خواهد بود.
Group items by Post:با استفاده از این گزینه، امکان نمایش اسلایدشو در برگه‌هایی که محتوای سایت در آن‌ها ارائه می‌شود را خواهید داشت.
تنظیمات بخش UI
Theme: این بخش به شما امکان می‌دهد تا تم مورد نظر برای نمایش پنجره لایت باکس را انتخاب کنید. این گزینه در دو حالت تیره و روشن ارائه شده است. با توجه به سلیقه‌ی خودتان می‌توانید قالب تاریک یا روشن را برای پنجره لایت باکس انتخاب کنید، تا در پس‌زمینه نمایش داده شود.
Resize lightbox to fit in window: جهت اطمینان از نمایش صحیح لایت باکس تصاویر در تمامی دستگاه‌ها و اندازه‌ها، از جمله موبایل، تبلت و رایانه‌های دسکتاپ، این گزینه را فعال کنید.
Enable animations: با فعال‌سازی این گزینه، انیمیشن بر روی لایت باکس فعال شده و منجر به بهبود ظاهری آن خواهد شد.
Start Slideshow Automatically: با فعال‌سازی این گزینه، حالت اسلایدشو تصاویر به‌طور خودکار فعال خواهد شد و تصاویر به صورت اسلایدی برای کاربران نمایش داده می‌شوند.
Slide Duration: از این بخش می‌توانید زمان مد نظر خود را برای نمایش هر اسلاید، به صورت دلخواه و بر حسب ثانیه تعیین کنید.
Loop through items:با فعال‌سازی این گزینه، پس از رسیدن اسلایدشو به تصویر پایانی، تصاویر به طور خودکار و از ابتدا دوباره نمایش داده خواهند شد.
Overlay Opacity: از این قسمت می‌توانید میزان شفافیت پس‌زمینه پنجره لایت باکس را تعیین کنید.
Enable default title: با فعال‌سازی این گزینه، نام تصویر نیز نمایش داده خواهد شد.
با مراجعه به این پنجره، قادر خواهید بود عنوان منوهایی که در پنجره لایت باکس نمایش داده می‌شوند را مطابق زیر انتخاب کنید.
- Close button: دکمه بستن پنجره لایت باکس
- Loading indicator: عنوان دلخواه برای حالت لود کردن تصویر
- Next Item button: دکمه نمایش تصویر بعدی
- Previous Item button: دکمه نمایش تصویر قبلی
- Start Slideshow button: دکمه شروع نمایش تصویر به صورت اسلایدشو در وردپرس
- Stop Slideshow button: دکمه توقف پخش تصویر اسلایدشو در وردپرس
- Slideshow status format: نمایش شماره تصویری که کاربر در آن قرار دارد با امکان نمایش تعداد کل تصاویر
در نهایت، پس از ذخیره تنظیمات افزونه، تصاویر موجود در مطالب به صورت مد نظر خواهند شد.
سخن پایانی
نشان دادن تصاویر در وردپرس باید به نحوی باشد که مخاطبان بتوانند با آن‌ها به خوبی ارتباط برقرار کنند. در این مطلب آموزش ساخت لایت باکس تصاویر در وردپرس را ارائه کرده‌ایم. با کمک این متن می‌توانید لایت باکس‌های وردپرس را با کمک یکی از افزونه های پرطرفدار این سیستم مدیریت محتوا ایجاد کرده و تصاویر را به صورت اسلایدشو مشاهده کنید.
سوالات متداول+ جواب
چگونه می‌توانم افزونه لایت باکس را نصب و فعال کنم؟
- برای نصب و فعال‌سازی افزونه لایت باکس، ابتدا به داشبورد وردپرس مراجعه کنید. در منوی “افزونه‌ها”، گزینه “افزودن جدید” را انتخاب کنید. سپس نام افزونه مورد نظر را جستجو کرده و پس از یافتن آن، بر روی دکمه‌های “نصب” و سپس “فعال‌سازی” کلیک کنید.
چگونه می‌توانم تنظیمات لایت باکس را سفارشی کنم؟
- پس از نصب افزونه، به تنظیمات آن مراجعه کرده و گزینه‌های مختلفی مانند اندازه پنجره، افکت‌های انیمیشنی، رنگ پس‌زمینه و نحوه نمایش تصاویر را شخصی‌سازی کنید. توجه به این نکته ضروری است که هر افزونه دارای امکانات متفاوتی برای سفارشی‌سازی خواهد بود.
